在DOM中多次使用React.render()可以吗？
在DOM中多次使用React.render()可以吗？
提问于 2015-07-09 04:14:07
我想使用React在整个DOM中多次添加组件。This fiddle显示了我要做的事情，并且它不会抛出任何错误。代码如下：
HTML：
<div id="container">
<!-- This element's contents will be replaced with the first component. -->
</div>
<div id="second-container">
<!-- This element's contents will be replaced with the second component. -->
</div>JS：
var Hello = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
React.render(<Hello name="World" />, document.getElementById('container'));
React.render(<Hello name="Second World" />, document.getElementById('second-container'));我见过this question，我担心这样做可能会让React组件相互干扰。这个问题的答案建议使用服务器端呈现，这对我来说不是一个选择，因为我使用的是Django服务器端。
另一方面，也许我所做的是可以的，因为我只挂载了React库的一个实例(而不是多个组件调用它们自己的React实例)？
这种使用多个DOM实例的方式是使用React的OK方式吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-09 04:35:24
是的，在同一个页面上多次调用React.render是完全没有问题的。正如您所建议的，React库本身只加载一次，但每次调用React.render都会创建一个独立于任何其他组件实例的新组件实例。(事实上，这种情况在正在转换为React的站点上并不少见，在这些站点中，页面的某些部分是使用React.render生成的，而其他部分则不是。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31302803
复制相关文章
相似问题
腾讯云开发者
