リアクションは2番目のネストされた要素をレンダリングしません

Question

私はここでリアクションのネストされた要素を使用しようとしていますが、3番目の要素をレンダリングできません。最初の2つの反応副要素は完全に機能しますが、2番目の入れ子要素はレンダリングされません。どうしてこんなことに？私はこれをどのように修正すべきですか？

var Nested=React.createClass({ 
     render: function(){ 
     return(
      <div className="second">nested div</div> 
     ) 
     }  
    }); 

    var Component=React.createClass({ 
     render: function(){ 
     return(

      <div className={this.props.className}> 
      <Nested> 
       <Nested/> //this doesn't want to render 
      </Nested> 
      <Nested/> 
      </div> 

      ); 
     } 
    }); 
    ReactDOM.render(
    <div> 
    <Component/> 
    </div>, 
    document.getElementById("app")); 

Answer 1

カスタムコンポーネントの中{} this.props.childrenは方法は、あなたがそれを行うことができますレンダリング使用して、ネストされたコンポーネントまたは要素をレンダリングするためのカスタム・コンポーネントをしたい場合。