title: How to pass in a react component into another react component to transclude the first component's content?
body: <p>Is there a way to pass one component into another react component?  I want to create a model react component and pass in another react component in order to transclude that content.</p>
  
  <p>Edit: Here is a reactJS codepen illustrating what I'm trying to do. <a href="http://codepen.io/aallbrig/pen/bEhjo">http://codepen.io/aallbrig/pen/bEhjo</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="my-component"&gt;
      &lt;p&gt;Hi!&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ReactJS</p>
  
  <pre><code>/**@jsx React.DOM*/
  
  var BasicTransclusion = React.createClass({
    render: function() {
      // Below 'Added title' should be the child content of &lt;p&gt;Hi!&lt;/p&gt;
      return (
        &lt;div&gt;
          &lt;p&gt; Added title &lt;/p&gt;
          {this.props.children}
        &lt;/div&gt;
      )
    }
  });
  
  React.renderComponent(BasicTransclusion(), document.getElementById('my-component'));
  </code></pre>