最佳答案
我想使用 React 在整个 DOM 中多次添加组件。这把小提琴显示了我要执行的操作,并且它不抛出任何错误。密码是这样的:
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>
约翰逊:
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'));
我已经看到了 这个问题,我担心如果这样做的话,我将面临反应组件相互干扰的风险。这个问题的答案建议使用服务器端渲染,这对我来说不是一个选项,因为我正在使用 Django 服务器端。
另一方面,也许我所做的是可以的,因为我只挂载了 React 库的一个实例(而不是多个组件调用它们自己的 React 实例) ?
这种使用多个 DOM 实例的方式是否可以作为使用 React 的方式?