reactjs - 单页中的两个 ReactJS 应用程序

Question

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

例如两个面板:

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

更新

对不起。可能用错误的方式表达它。但我是 ReactJS 的新手，我使用了错误的术语。这两个应用程序可能是独立的。由两个互不知情的不同人创建。他们不会共享代码。

喜欢带有“喜欢”按钮的 Facebook 社交框，以及喜欢页面和相同 Twitter 框的人脸。

我认为这有点不同，两个 React dom 调用创建一个附加到两个不同节点的新添加。

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>相应地