ReactDOM.render（）の1つのルート要素またはレイアウト全体？

Question

それは（私のReactDOM.renderを持っている方が良いでしょう場合ので、私はこの（現在の状態）のように）、現在react.jsをlearingだと思っていた：

ReactDOM.render(
    <div className="container"> 
    <div className="row"> 
     <div className="twelve columns"> 
     <Header /> 
     </div> 
    </div> 
    <div className="row"> 
     <div className="six columns"> 
     <Sidebar /> 
     </div> 
     <div className="six columns"> 
     <Posts data={posts}/> 
     </div> 
    </div> 
    </div>, 
    document.getElementById('content') 
); 

またはそれだけでルート要素を持っている方が良いです

ReactDOM.render(
    <MyPageRoot />, 
    document.getElementById('content') 
); 

次に、すべてのレイアウトの項目（行、列など）をMyPageRootのrender（）メソッドに追加しますか？

Answer 1

最初の方法では、コンポーネントの状態を定義したり、ライフサイクルイベントをフックする機会はありません。また、最初の方法は、アプリケーションが成長するにつれて最終的には非常に長くなります。

これらの理由から、React.createClass、class extends React.Component、またはいくつかの要素を返す単なる関数を介して、アプリケーションをコンポーネントに分割する方がはるかに一般的です。