我想使用 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>
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'));
我已经看到了这个问题，我担心通过执行上述操作，我会冒着 React 组件相互干扰的风险。该问题的答案建议使用服务器端渲染，这对我来说不是一个选项，因为我使用的是 Django 服务器端。
另一方面，也许我正在做的事情没问题，因为我只挂载了一个 React 库实例（而不是多个组件调用自己的 React 实例）？
这种使用多个 DOM 实例的方式是使用 React 的好方法吗？