Question

我正准备尝试反应，我是新手。 reactjs是否可以将组件添加到现有DOM中。

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

<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>

这个正在移除身体内的一切并正在返回

<div>Hello, world!</div>

Answer 1

React不会添加新的div。渲染函数是组件将被渲染的位置，并替换当前已存在的代码。我建议你在模板中创建一个带有id的div，然后在React.render中渲染它。

模板：

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

阵营：

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

渲染身体也是不好的做法。

ReactJS处理服务器端加载的DOM

1 个答案: