2017-08-01 61 views
0

我有兩個反應應用: - 第一個應用程序是一個不同職位的應用,例如我們有職位的一些列表,並可以打開每篇文章閱讀等。 - 第二個應用程序是一個用於評論的小部件,它被描述爲一個小部件,因爲它可以在不同的地方和不同的應用程序中使用,但會有一個邏輯。如何使一個在另一個反應程序反應程序

我使用一些提供功能安裝這個插件,它看起來像:

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

而在我的第一個應用程序,當我打開一些後,我將其安裝使用componentDidMount方法和REF上我的DOM元素。

在這一步我連接這兩個應用程序沒有問題。 但是...當我嘗試打開另一篇文章,我必須刪除以前的評論部件和裝載新。我的組件渲染後不會卸載,只是得到新的道具。當然,我可以得到新的道具,並比較id以前和新的職位。但是,我怎樣才能卸載以前的小部件應用程序,並在同一個DOM元素上裝載新的?

回答

0

你應該沿着側react-router一個應用程序使用這兩個組件。

這將是這個樣子......

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

Here是關於反應路由器使用情況的額外資源。

相關問題