How to send React Component as props
<p>Hello I'm tryed thinking in React using ES6 and I have one problem. Look this example code es5:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var Hello = React.createClass({
  render: function() {
    return (
    &lt;div&gt;
     &lt;H1 content=&lt;P/&gt;&gt;&lt;/H1&gt;
    &lt;/div&gt;
    );
  }
});

var H1 = React.createClass({
  render: function() {
    return (
    &lt;div&gt;
     &lt;h1&gt;hello from parent &lt;/h1&gt;
      {this.props.content}
    &lt;/div&gt;
    );
  }
});

var P = React.createClass({
  render: function() {
    return &lt;p&gt;hello from children&lt;/p&gt;;
  }
});

ReactDOM.render(
  &lt;Hello name="World" /&gt;,
  document.getElementById('container')
);</code></pre>
</div>
</div>
</p>

<p>How do this the same using ES6 classes? I have tryed something like this: But it doesn't work coretly. Is it possible using ES6 React Components?</p>