2017-08-01 64 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是关于反应路由器使用情况的额外资源。

相关问题