Manage the entire body in reactjs

javascript, reactjs

Solution

I'm not completely sure if this is what you're asking, but you can run

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

to mount a component directly into body.

Problem

I have a react component manages the entire app in react. It looks like: ``` var Page = React.createClass({ displayName: 'Page', render: function() { return ( React.DOM.div(null /*, stuff here ..*/ ) ); } }); ``` And html looks like ``` <body id="content"></body> ``` And I render it like: ``` React.renderComponent(Page(null), document.getElementById('content')); ``` But instead, I would like react to manage the entire `body` tag, so there is no redundant nested `div`. How can I render such a thing?

Original source