HOWTO：owneeでレンダリング所有者が

Question

var A = React.createClass({ 
    render() { 
     return (
      <B> 
       <h1>Title</h1> 
      </B> 
     ); 
    } 
}); 

子供の反応：上記の例では

var B = React.createClass({ 
    render() { 
     return (
      <div> 
       // Where A should be.... 
      </div> 
     ); 
    } 
}); 

を、Aは、現在何が起こっているB.

わたってるしきレンダリングされている、Bが正しくからレンダリングされているあります<h1>Title</h1>は追加されていません。 divを終了し、その間に何も表示されません。

Answer 1

は何あなたが探していることは、おそらく、この次のとおりです。（これは無限ループを引き起こすため）

var B = React.createClass({ 
    render() { 
     return (
      <div> 
       {this.props.children} 
      </div> 
     ); 
    } 
}); 

厳密に言えば、<B><A>をレンダリングされません。代わりに、<B>は、<A>から小道具として渡されたすべてchildrenをレンダリングします。あなたの場合、これは<h1>です。

PS、このcan be found here上のドキュメント（リンクのためにあなたに@Kujiraに感謝）