ReactJS处理服务器端加载的DOM_Dom_Reactjs

ReactJS处理服务器端加载的DOM

dom reactjs

ReactJS处理服务器端加载的DOM,dom,reactjs,Dom,Reactjs,我正要用reactjs做实验，我是新手。可以将组件添加到现有DOM中所以我已经在服务器端创建了DOM，在流程中reactjs应该添加一个组件，该组件应该在主体内部呈现，但保留已经存在的内容 <script type="text/jsx"> var VisualEditor = React.createClass({ render: function() { return ( <div>Hello, world!</div>

我正要用reactjs做实验，我是新手。可以将组件添加到现有DOM中

所以我已经在服务器端创建了DOM，在流程中reactjs应该添加一个组件，该组件应该在主体内部呈现，但保留已经存在的内容

<script type="text/jsx">
var VisualEditor = React.createClass({
  render: function() {
    return (
       <div>Hello, world!</div>
    );
  }
})

var initVisualEditor = <VisualEditor params={true} />
React.render(initVisualEditor , document.body);

</script>


var VisualEditor=React.createClass({
render:function（）{
返回(
你好，世界！
);
}
})
var initVisualEditor=
React.render（initVisualEditor，document.body）；

这一个正在移除体内的所有东西，并且正在返回

<div>Hello, world!</div>

你好，世界！

React不会添加新的div。渲染函数是渲染组件并替换当前代码的地方。我建议您在模板中创建一个id为的div，然后在React.render中渲染到该div

模板：

<body><div id="app"></div></body>

反应：

React.render(
    <Component />,
    document.getElementById('app')
)

React.render(
,
document.getElementById（'app'）
)

渲染到主体也是不好的做法。

您可以使用函数

render

的第二个参数指定DOM目标。这就是你的意思吗？