ReactJs. Получить детей компонент

Question

Я компонента обертку для Bootstrap панели:

var Panel = React.createClass({ 
    render: function() { 
     return (
      <div className="panel panel-default"> 
       <div className="panel-heading"> 
        <div className="panel-title"> 
         {this.props.title} 
        </div> 
       </div> 
       <div className="panel-body"></div> 
      </div> 
     ); 
    } 
}); 

Как вывести на «панель тела» метки «h1» и компонента «AvailableActions» на примере, что вы можете увидеть ниже?

var PlayerActions = React.createClass({ 
    render: function() { 
     return (
      <Panel title="Actions"> 
       <h1>Some description here...</h1> 
       <AvailableActions></AvailableActions> 
      </Panel> 
     ); 
    } 
}); 

Answer 1

Кажется, что вам нужно this.props.children

var Panel = React.createClass({ 
    render: function() { 
     return (
      <div className="panel panel-default"> 
       <div className="panel-heading"> 
        <div className="panel-title"> 
         {this.props.title} 
        </div> 
       </div> 
       <div className="panel-body">{ this.props.children }</div> 
      </div> 
     ); 
    } 
}); 

Example

Answer 2

<div className="panel-body"> 
    {this.props.children} 
</div>