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?
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With