複数のネストされたコンポーネント

Question

コンテンツにラッパーを作成して、一般的なイベントを使用できるようにしたい。したがって、次のようになります。

var Table = React.createClass({ 

    render: function() { 
     return (
      React.createElement('div', {}, 
       React.createElement('div', {className: 'TableDiv'}, 'Table div - click me') 
      ) 
     ); 
    } 

}); 

var NestedData = React.createClass({ 

    render: function() { 
     return React.createElement('div', {}, 
      React.createElement('div', {className: 'NestedDiv'}, 'Nested data div - click me') 
     ) 
    } 

}); 

var App = React.createClass({ 

    render: function() { 
     return React.createElement(Table, {}, 
      React.createElement(NestedData) 
     ) 
    } 

}); 

window.onload = function() { 
    ReactDOM.render(React.createElement(App), document.getElementById('content')); 
}; 

問題は、ネストされたdivは表示されず、テーブルクラスのラッパーだけです。私はこれをどのようにするべきですか？

Answer 1

使用括弧機能をレンダリング

var NestedData = React.createClass({ 

render: function() { 
    return ( 
     React.createElement('div', {}, 
     React.createElement('div', {className: 'NestedDiv'}, 'Nested data div - click me') 
    ) 
); 
} 

}); 

から復帰しながら、