在单页面中有两个ReactJS应用程序

Question

是否可能在单个页面中拥有两个React应用程序。

例如：两个面板：

• 左侧面板：ReactJS应用程序A
• 右侧面板：ReactJS应用程序B

更新

抱歉，可能表述不清楚。但我是ReactJS的新手，使用了错误的术语。这两个应用程序可能是独立的，由两个不知道彼此的人创建。它们将不共享代码。

就像Facebook社交框，其中包含喜欢按钮和喜欢页面的人脸，以及类似的Twitter框。

我认为这有点不同，两个React DOM调用会创建一个新的单个广告，连接到两个不同的节点。

- user3130782

Answer 1

是的，没错。

只需使用几个 ReactDOM.render()：

ReactDom.render('appA', document.getElementById('#selector_for_app_a'))
ReactDom.render('appB', document.getElementById('#selector_for_app_b'))

更新

由于您稍微修改了问题，我的答案也会做相应的修改。

只需要向两个不同的开发者请求编写代码以生成上述指定的行。第一个开发的应用程序生成第一行，第二个开发的应用程序生成第二行。

您可以轻松地指定在html中嵌入小部件的位置，只需相应地添加 <div id="selector_for_app_a"></div> 和 <div id="selector_for_app_b"></div>。

- Alex Antonov

---

也许我表达不太清楚。我想要将两个独立的React应用程序放在一起，每个应用程序的源代码都不依赖于另一个。 - user3130782

这并不取决于我回答的方式是否相互依赖。 - Alex Antonov

是的，我的错。我在问题中添加了UPDATE。 - user3130782

我在我的答案中添加了UPDATE ;) - Alex Antonov