title: ReactJs. Get children component
body: <p>I've component wrapper for Bootstrap Panel:</p>
  
  <pre><code>var Panel = React.createClass({
      render: function () {
          return (
              &lt;div className="panel panel-default"&gt;
                  &lt;div className="panel-heading"&gt;
                      &lt;div className="panel-title"&gt;
                          {this.props.title}
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="panel-body"&gt;&lt;/div&gt;
              &lt;/div&gt;
          );
      }
  });
  </code></pre>
  
  <p>How to output to "panel-body" tag "h1" and component "AvailableActions" on example what you can see below?</p>
  
  <pre><code>var PlayerActions = React.createClass({
      render: function () {
          return (
              &lt;Panel title="Actions"&gt;
                  &lt;h1&gt;Some description here...&lt;/h1&gt;
                  &lt;AvailableActions&gt;&lt;/AvailableActions&gt;
              &lt;/Panel&gt;
          );
      }
  });
  </code></pre>