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

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

使用react、redux和redux simple router是否可能实现这一点？您将如何实现这一点？

看看这可能就是您所寻找的。此库不专门处理在redux存储中存储数据的问题，但您可以将存储结构如下：

{
  currentPage: 2,
  form: {
    page1: {
      field1: '',
      field2: ''
    },
    page2: {
      field3: ''
    }
  }  
}

看看这可能就是你要找的。此库不专门处理在redux存储中存储数据的问题，但您可以将存储结构如下：

{
  currentPage: 2,
  form: {
    page1: {
      field1: '',
      field2: ''
    },
    page2: {
      field3: ''
    }
  }  
}

---

我建议不要使用

redux简单路由器

。如果您将页面之间的差异键入状态中的数据，您可以使用常规操作来影响页面之间的转换，并且URL不会受到影响。

我建议不要使用

redux simple router

。如果您将页面之间的差异键入状态中的数据，则可以使用常规操作影响页面之间的转换，URL不会受到影响。

您可以执行类似的操作，将当前“页面”存储在缩减器中，然后根据页面动态加载容器组件

---

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

您可以执行类似的操作，将当前“页面”存储在减速机中，然后根据页面动态加载容器组件

---

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

没有唯一标识表单两个不同阶段的任何内容，通常通过URL

/表单？step=2

不可能实现这一点，除非通过浏览

/表单

始终转到步骤1。如果没有唯一标识表单两个不同阶段的任何内容，通常通过URL

/表单？步骤=2

是不可能实现这一点的，除非通过浏览

/表单

，您总是转到步骤1。谢谢。该示例看起来不错，但是我们需要在浏览器的“后退”按钮上返回到上一个后退。这已经由redux simple router负责，因此我们希望保留该功能。谢谢。该示例看起来不错，但是我们需要在浏览器的“后退”按钮上返回到上一个后退。这已经由redux simple router负责，因此我们希望保留该功能。嗨，Acjay，我忘记提到的一个要求是能够返回浏览器上的上一页。我不相信在商店里保持状态能做到这一点？@n00b根据，这实际上可能是可能的，但我知道的不多。嗨，Acjay，我忘了提到的一个要求是能够返回到浏览器上的上一页。我不相信在存储中保持状态可以实现这一点？@n00b根据，这实际上可能是可能的，但我不知道更多。这是否允许拦截浏览器返回操作以导航到上一页？这是否允许拦截浏览器返回操作以导航到上一页？