【问题标题】:Two ReactJS apps in single page单个页面中的两个 ReactJS 应用程序
【发布时间】:2018-06-19 10:09:48
【问题描述】:

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

例如两个面板:

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

更新

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

喜欢带有点赞按钮的 facebook 社交框,以及喜欢页面和相同 Twitter 框的人脸。

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

【问题讨论】:

    标签: reactjs


    【解决方案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>

    【讨论】:

    • 可能是我问错了。我希望放置两个独立的 React 应用程序。每个应用程序的源代码不依赖于其他应用程序。
    • 在我答题的方式上不相互依赖
    • 是的。我的错。我将 UPDATE 添加到我的问题中
    • 在我的回答中也添加了 UPDATE ;)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多