Javascript 如何在同一页面的多个位置使用同一React应用程序？

我用CreateReact应用程序创建了一个小型计算器应用程序

目前，它是我正在开发的本地独立应用程序。我的目标是将其集成到现有的服务器端呈现网站中

我想知道一些事情：

如何将此应用程序从create react应用程序集成到现有网站

如何将React应用程序嵌入同一页面的多个位置

当涉及到在顶层初始化应用程序时，我目前正在做：

render(<App />, document.querySelector('#app'));

render（，document.querySelector（'#app'）；

但这只允许我把它放在一个区域

拥有多个应用程序的最佳方式是什么？如果它们彼此不保持相同的状态并独立运行，这并不重要

---

谢谢。

您只需在多个容器中呈现应用程序即可

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container1')
);

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container2')
);

var Hello=React.createClass({
render:function（）{
返回Hello{this.props.name}；
}
});
ReactDOM.render(
,
document.getElementById（'container1'）
);
ReactDOM.render(
,
document.getElementById（'container2'）
);

---

这里是一个

谢谢-我没想到会这么简单。执行此操作时是否存在性能问题？谢谢您的帮助！