页面更改时redux状态的预期行为

时间:2017-07-19 05:39:11

标签: reactjs react-router react-redux

我有一个React应用程序,使用Redux& Redux Sagas。

目前我有一个相当标准的搜索页面,如:

用户通过表单输入输入值,魔术发生在幕后,消耗了api,我的redux存储中填充了结果。

然后通过视图层显示这些结果。

使用React Router 4,如果我导航到另一个页面,在返回搜索页面时,仍会显示我之前的结果。我想这是预期的,因为我的redux状态仍包含这些数据。

我的问题是,这个状态应该在导航时清除吗?我是Redux / React / React路由器的新手,我试图理解我是否已经正确实现了这个,或者实际上除非我指示商店清除该状态,否则它应该持续存在。

TL:博士

如果我离开页面或是否可以将该数据保留在视图上,是否应该清除redux存储?

1 个答案:

答案 0 :(得分:0)

  

使用React Router 4,如果我然后导航到另一个页面,打开   返回搜索页面,我之前的结果仍然显示

在React& Redux epoch你的web应用程序是SPA,像isomorphic react-router-dom这样的工具可以帮助完成这项任务,包括对URL路由器的无缝SSR支持。

当然,您可以使用react-router-redux代替,在这种情况下,导航到不同的页面将显示为操作,因此可以在saga中捕获它们,然后为redux store加载新的初始状态。

图书馆和示例可在此处找到:https://github.com/jfairbank/redux-saga-router