Question

所以我正在使用react-router v4处理React / redux应用程序。页面结构或多或少是这样的：

<html>
    <head>...</head>
    <body>
        <aside>
            <NavigationComponent />
        </aside>
        <main>
            <ItemComponent />
        </main>
    </body>
</html>

所以我几乎在<ItemComponent />内呈现main，具体取决于用户所在的网址，例如/11或/231。我目前这样做的方法是使用redux的mapStateToProps从item中items检索id，使用反应路由器注入的道具，即params。然后将item作为prop传递给内容，以便呈现内容。但是，道具变化，即item更改，只会触发差异重新渲染。我如何完成卸载当前<ItemComponent />并安装一个新的？或者更好的是，动画这个组件的最佳方式是什么，例如进入和离开时（由网址更改引发）？

我设法使用ReactTransitionGroup插件破解了一些东西，但是我对最干净的方法感兴趣。

非常感谢！

React - 重新安装网址上的组件

0 个答案: