title: How to pass params to dynamic component in React?
body: <p>Let's imagine we have a home page which includes a component <code>A</code>, and pass a component <code>B</code> to that A as a <code>prop</code> .
  Now , inside the <code>A</code> , How can I pass params to the sent <code>B</code> ?</p>
  
  <p><strong>Home Page</strong></p>
  
  <pre><code>return(
      &lt;A myChild={&lt;B&gt;} /&gt;
  )
  </code></pre>
  
  <p><strong>Component B</strong></p>
  
  <pre><code>return(
      &lt;div&gt;Welcome from B !&lt;/div&gt;
  )
  </code></pre>
  
  <p><strong>Component A</strong></p>
  
  <pre><code>//I get B successfully !
  
  &lt;div&gt;{this.props.myChild}&lt;/div&gt;
  </code></pre>
  
  <p>But How can I here pass a param to <code>this.props.myChild</code> ?
  Something like <code>const MyB={this.props.myChild};</code> and <code>&lt;MyB whatEver={'abc'} /&gt;</code> so the <code>B</code> becomes : </p>
  
  <pre><code>return(
      &lt;div&gt;Welcome from B ! {this.props.whatEver}&lt;/div&gt;
  )
  </code></pre>
  
  <p>Thanks .</p>