2014-01-13 6 views
6

Ich habe eine Reaktionskomponente verwaltet die gesamte App in reagieren. Es sieht aus wie:Verwalten Sie den gesamten Körper in reactjs

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

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

und HTML sieht aus wie

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

Und ich mache es mag:

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

Aber stattdessen würde ich gerne reagieren, um den gesamten body Tag zu verwalten, so Es gibt keinen redundanten verschachtelten div. Wie kann ich so etwas machen?

Antwort

17

Ich bin mir nicht ganz sicher, ob dies ist, was Sie fragen, aber Sie können laufen

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

eine Komponente direkt in den Körper zu montieren.

+1

Ich versuche, den 'Körper' anstelle der Montage _into_ des Körpers zu montieren – Heptic

+5

Ah, ich sehe. Derzeit wird das vollständige Seitenrendering (einschließlich der Verwaltung des body-Tags von React) nur unterstützt, wenn das gesamte Seiten-Markup von React in einem Serverkontext generiert wird (z. B. mithilfe der react-Seite): https://groups.google. com/d/msg/reactjs/4jI5xe7TXzQ/3sjSBbpDpEwJ. –