在路由时,redux如何为多页的同一组件保持独立状态?

时间:2016-12-30 10:18:12

标签: redux react-redux

当我使用Redux和react-router时,我在pageA和pageB上有相同的组件'ticker',当我在pageA上向'ticker'发送动作然后路由到pageB时,pageB上的'ticker'是pageA的'ticker' '州。

如何拆分组件状态? 如果有一种简单的方法可以在路由时将所有状态设置为默认状态?

1 个答案:

答案 0 :(得分:1)

有时,将特定于组件的状态存储在React的组件状态中是个好主意。在您的情况下,如果您希望每次重新初始化每个组件的状态,那么最好使用React的setState来更新状态。

Redux创作者对此问题的看法:https://github.com/reactjs/redux/issues/1287#issuecomment-175351978

另一方面,如果你想在路由转换之间保留pageA的组件状态,那么我想你必须为pageA' s分配某种ID。 ,并使用它将相应的状态数据存储在redux存储中。