2014-01-13 5 views
6

私は反応成分を持っており、反応中の全アプリケーションを管理しています。それは次のようになります。reactjsの全身を管理する

var Page = React.createClass({ 
    displayName: 'Page', 

    render: function() { 
     return (
      React.DOM.div(null 
       /*, stuff here ..*/ 
      ) 
     ); 
    } 
}); 

とHTMLは

<body id="content"></body> 

のように見えると私はそれが好きなレンダリング:全体bodyタグを管理するために反応するので、

React.renderComponent(Page(null), document.getElementById('content')); 

しかし、その代わりに、私は希望を冗長ネストされたdivはありません。そんなことをどうすればできますか?

答えて

17

私は、これはあなたが求めているものであれば、完全にわからないんだけど、あなたは身体に直接部品を実装するために

React.renderComponent(Page(null), document.body); 

を実行することができます。

+1

ボディをマウントする代わりに 'body'をマウントしようとしています。 – Heptic

+5

ああ、そうです。現在、全ページのレンダリング(Reactの 'body'タグの管理を含む)は、ページ・マークアップ全体がサーバー・コンテキスト(Reaction-pageを使用して)でReactによって生成された場合にのみサポートされます:https://groups.google。 com/d/msg/reactjs/4jI5xe7TXzQ/3sjSBbpDpEwJ。 –

関連する問題