title: Is it an anti-pattern to define a function component inside the render() function?
body: <p>I want to know if it's an anti-pattern or if it affects the component somehow to do something like this:</p>
  
  <pre><code>render() {
    const MyFuncComponent = ({ prop1, prop2 }) =&gt; (
      // code here
    )
  
    return (
      &lt;div&gt;
        &lt;MyFuncComponent prop1={something} prop2={else} /&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>