htmlで2つのコンポーネントを使用する方法

Question

1つのhtmlで2つのコンポーネントを使いたいです。例えば

のindex.html：

</div> 

<div id='rightComp'> 
</div> 

がapp.jsx：各要素/ DOMノード対を反応させる回で二回

window.onload=function(){ 
    React.render(
     <leftcomp/>, document.getElementById('leftComp') 
     <rightComp/>, document.getElementById('rightComp') 
    ) 
} 

Answer 1

コールReact.render、。言ったことで

window.onload=function(){ 
    React.render(<leftcomp/>, document.getElementById('leftComp')) 
    React.render(<rightComp/>, document.getElementById('rightComp')) 
} 

、それがより良い練習leftcompとrightcompの両方が含まれている一つの成分を持っている、と1つだけのDOMノードにそのラッパーコンポーネントをレンダリングするために考えられています。