title: Functional Components inside class components
body: <p>Currently I have a class component that contains functions that act as components in my JSX.</p>
  
  <p>Example: </p>
  
  <pre><code>class MyComponent extends React.Component {
      MySubComponent = (props) =&gt; {
          if (props.display) {
              return &lt;p&gt;This text is displayed&lt;/p&gt;
          }
      }
  
      render() {
          return (
              &lt;this.MySubComponent display={true} /&gt;
          )
      }
  }
  </code></pre>
  
  <p>Are there any repercussions to calling components this way? Also is there a term for this?</p>