在不同的div id处渲染具有不同属性的相同React组件

Question

我正在尝试使用不同的div id

呈现具有不同属性的单个反应组件

index.html:
<div class="container" id="root1"></div>
<div class="container" id="root2"></div>

有两个超链接，onClick将捕获超链接的id，我已将root1和root2绑定到两个超链接并调用函数（prop，containerID）

file.js:
function(prop, containerID){
   ReactDOM.render(<component prop={prop}/>, document.getElemntById(containerID));
}

在这些陈述之后我只能在两个分区'root1'和'root2'看到'prop2'，如果我用'root2'然后'root1'改变ReactDOM.render的顺序，那么只有'prop1'是在'root1'和'root2'都可见。

但我需要'root1'的'prop1'和'root2'的'prop2'。

我是否需要在上述代码中添加更多内容或以其他任何方式实现此视图？