如何使用每页永久URL的Redux表单向导

AnA*_*ice 9 reactjs redux-form react-redux

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

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

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

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

是否可以使redux表单向导具有永久URL?如果是这样的话,那么对于如何正确接近这个问题的反应,还是会有所了解.

向导有网址的东西:

/wizard/name
/wizard/profile
/wizard/photo
Run Code Online (Sandbox Code Playgroud)

谢谢!

Ioa*_*oan 4

让 Redux 表单向导拥有永久 URL 可以吗?

它的实现方式取决于每个用例。我没有看到任何问题,为什么它不会好。

向导示例告诉您有关您的方法需要了解的所有信息。

就官方示例而言,您可以通过以下方式处理:

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