reactjs - 如何使用 Redux 表单向导以及每页永久 URL

Question

我正在努力为使用 React + Redux 的新应用程序构建注册 > 配置文件设置流程。

我找到了以下 redux 表单向导示例:

http://redux-form.com/6.7.0/examples/wizard/

这似乎是最接近的示例，但问题是向导中的每个步骤都不会更改 URL，因此如果用户单击浏览器的前进/后退按钮或刷新浏览器，它将中断。

让 Redux 表单向导拥有永久 URL 可以吗？作为初学者我该如何解决这个问题？

向导的 URL 如下:

/wizard/name
/wizard/profile
/wizard/photo

Answer 1

Would it be OK to make Redux form wizard have permanent URLs?

它的实现方式取决于每个用例。我看不出有什么问题为什么不行。

wizard example告诉您有关您的方法需要了解的一切。

就官方示例而言，您可以通过以下方式实现:

• 创建一个 /wizard/name 路由，该路由将呈现相同的 WizardForm.js 组件；
• 如果子路径是/name，则渲染WizardFormFirstPage
• 其他子路径也是如此。