如何在另一个反应应用程序中渲染一个反应应用程序答案

【问题标题】：How render one react app in another react app如何在另一个反应应用程序中渲染一个反应应用程序
【发布时间】：2018-01-08 16:51:52
【问题描述】：

我有两个反应应用程序： - 第一个应用程序是针对不同帖子的应用程序，例如我们有一些帖子列表并且可以打开每个帖子进行阅读等等。 - 第二个应用程序是 cmets 的一个小部件，它被描述为一个小部件，因为它可以在不同的地方和不同的应用程序中使用，但会有一个逻辑。

我使用一些提供函数来挂载这个小部件，它看起来像：

export default function (mountPoint) {
render(
    <Provider store={store}>
        <SomeContainer />
    </Provider>,
    mountPoint
);

在我的第一个应用程序中，当我打开一些帖子时，我使用 componentDidMount 方法和 ref 在我的 DOM 元素上安装它。

在这一步我连接这两个应用程序没有问题。但是...当我尝试打开另一个帖子时，我必须删除以前的 cmets 小部件并安装新的。我的渲染帖子的组件不会卸载，只是获取新的道具。当然，我可以获得新的道具并比较例如 id previous 和 new post。但是如何卸载以前的小部件应用程序并在同一个 DOM 元素上安装新的？

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

您应该在一个应用程序中同时使用这两个组件 react-router。

它看起来像这样......

<Router>
  <Route exact path="/" component={Component1}/>
  <Route path="/path" component={Component2}/>
</Router>

Here 是有关 react-router 用例的附加资源。

【讨论】：