2017-05-27 14 views
8

React + Reduxを使用している新規アプリケーションのサインアップ>プロファイル設定フローを構築するために取り組んでいます。ページごとにURLが永続的なReduxフォームウィザードの使用方法

私はReduxのフォームウィザードの次の例が見つかりました:

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

これは、最も近い例のようですが、問題は、ウィザードの各ステップは、URLを変更しないので、ユーザがあればブラウザの前方/後方btnをクリックするかブラウザを更新すると、途切れます。

reduxフォームウィザードに永続URLがあるようにしてもよろしいですか?そうであれば、反応のためのあらゆる指針、これに正しく近づく方法について初心者を還元していただければ幸いです。

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

ありがとう:ウィザードは次のようなURLを持っている

何か!

+0

これを行うには適切な方法はありますか?上記の各URLは別々のコンポーネントであるか、すべてが1つのコンポーネント内に存在する必要がありますか? – AnApprentice

答えて

3

reduxフォームウィザードに永続URLがあるようにしてもよろしいですか?

どのように実装されているかは、使用するたびに異なります。なぜ私はそれが大丈夫ではないだろう、何の問題も見ません。

wizard exampleには、あなたのアプローチについて知っておくべきことがすべて記載されています。

公式たとえばの話、あなたは以下の方法でこれをアプローチできます

  • は同じWizardForm.jsコンポーネントをレンダリングします/wizard/nameルートを作成します。
  • サブパスが/nameの場合は、WizardFormFirstPage
  • 他のサブパスと同じです。
関連する問題