Manage the entire body in reactjs

StackOverflow https://stackoverflow.com/questions/21102685

  •  27-09-2022
  •  | 
  •  

문제

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.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top