2017-05-27 36 views
8

我正在爲使用React + Redux的新應用程序構建註冊>配置文件設置流程。如何使用帶有永久URL的Redux Form Wizard每頁

我發現下面的示例爲Redux的表單嚮導:

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

這似乎是最接近的例子,但問題是在嚮導不會更改URL的每一步,因此如果用戶點擊瀏覽器的前進/後退btn或刷新瀏覽器,它會中斷。

讓redux表單嚮導具有永久URL是否可以?如果是這樣,任何指針作出反應,如何正確處理這個redux新手將不勝感激。

一些地方在嚮導的網址,如:

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

謝謝!

+0

什麼是正確的方式來做到這一點在反應......上述每個網址應該是一個單獨的組件或全部住在一個組件? – AnApprentice

回答

3

讓redux表單嚮導有永久性的URL會好嗎?

它的實現方式取決於每個用例。我沒有看到任何問題,爲什麼它不會好。

wizard example告訴你一切你需要知道你的方法。

談到正式例如,您可以通過以下方式處理這個:

  • 創建/wizard/name路線這將使相同WizardForm.js組件;
  • 如果子路徑爲/name,則渲染WizardFormFirstPage
  • 對於其他子路徑相同。