如何在另一個React App中渲染一個React App

Question

我有兩個React應用程序：-第一個應用程序是針對不同帖子的應用程序，例如，我們有一些帖子列表，可以打開每個帖子以進行閱讀等等。 -第二個應用程序是一個用於評論的窗口小部件，它被描述為一個窗口小部件，因為它可以在不同的地方和不同的應用程序中使用，但具有一種邏輯。

我使用一些提供功能來掛載此小部件，如下所示：

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

在我的第一個應用程序中，當我打開一些帖子時，我使用componentDidMount方法安裝了它，並在DOM元素上進行了引用 。

在這一步上，連接這兩個應用程序沒有問題。 但是...當我嘗試打開另一個帖子時，我必須刪除以前的評論小部件並安裝新的。 我渲染帖子的組件不會卸載，只是獲得新的道具。 當然，我可以得到新的道具，並比較例如id和以前的帖子。 但是，如何卸載以前的窗口小部件應用程序並在相同的DOM元素上安裝新的？

Answer 1

您應該在一個應用中沿着react-router一起使用這兩個組件。

看起來像這樣...

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

這是有關react-router用例的其他資源。