React Redux - 导航到不同页面时保持相同的URL

Question

我们正在使用React with Redux和redux-simple-router进行导航。我正在构建一个2页的表单，并希望在两个页面之间保持相同的URL。按下浏览器上的后退按钮当前将从第2页导航到第1页。我们希望将此功能与任何解决方案保持一致。

这是否可以使用react，redux和redux-simple-router，你会如何实现它？

Answer 1

看看winterfell这可能就是你要找的东西。这个库并不专门处理在redux存储中存储数据，但您可以构建存储类似的东西：

SwipeRefreshLayout

Answer 2

我建议不要使用redux-simple-router。如果您将网页之间的差异与您所在州的数据区分开来，则可以使用常规操作来影响网页之间的转换，并且网址不会受到影响。

Answer 3

您可以执行类似于react-router shared root example.存储当前＆＃34;页面＆＃34;在reducer中，然后根据页面动态加载容器组件。

最好只使用两个路由或在组件级别存储状态，并创建一个父容器来根据存储的状态处理两个表单的显示。