在reactjs中管理整个身体

Question

在reactjs中管理整个身体

我有一个react组件管理整个应用程序.看起来像:

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

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

Run Code Online (Sandbox Code Playgroud)

和HTML看起来像

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

Run Code Online (Sandbox Code Playgroud)

我把它渲染成:

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

Run Code Online (Sandbox Code Playgroud)

但相反,我想做出反应来管理整个body标记,因此没有冗余的嵌套div.我怎么能渲染这样的东西？

Answer 1

Sop*_*ert 17

我不完全确定这是不是你要问的,但你可以跑

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

Run Code Online (Sandbox Code Playgroud)

将组件直接安装到主体中.

啊,我明白了.目前,只有在服务器上下文中使用React生成整个页面标记(例如,使用react-page)时,才支持整页呈现(包括管理来自React的`body`标记):https://groups.google. COM/d/MSG/reactjs/4jI5xe7TXzQ/3sjSBbpDpEwJ. (5认同)

归档时间：	11 年，9 月前
查看次数：	6382 次
最近记录：	11 年，9 月前