我们使用React with Redux和redux-simple-router进行导航 . 我正在构建一个2页的表单,并希望在两个页面之间保持相同的URL . 按下浏览器上的后退按钮当前将从第2页导航到第1页 . 我们希望将此功能与任何解决方案保持一致 .
这有可能使用react,redux和redux-simple-router,你会如何实现它?
看看winterfell这可能就是你要找的东西 . 这个库没有专门处理存储在redux存储中的数据,但你可以构建你存储这样的东西:
{ currentPage: 2, form: { page1: { field1: '', field2: '' }, page2: { field3: '' } } }
我建议不要使用 redux-simple-router . 如果您将页面之间的差异键入状态中的数据,则可以使用常规操作来影响页面之间的转换,并且URL不会受到影响 .
redux-simple-router
您可以执行类似于react-router shared root example.将当前"page"存储在reducer中,然后根据页面动态加载容器组件 .
可能最好只使用两个路由或在组件级别存储状态,并创建一个父容器来处理基于存储状态的两个表单的显示 .
3 回答
看看winterfell这可能就是你要找的东西 . 这个库没有专门处理存储在redux存储中的数据,但你可以构建你存储这样的东西:
我建议不要使用
redux-simple-router
. 如果您将页面之间的差异键入状态中的数据,则可以使用常规操作来影响页面之间的转换,并且URL不会受到影响 .您可以执行类似于react-router shared root example.将当前"page"存储在reducer中,然后根据页面动态加载容器组件 .
可能最好只使用两个路由或在组件级别存储状态,并创建一个父容器来处理基于存储状态的两个表单的显示 .