私はしばらくの間、これらすべてを行うための最良の方法を見つけようとして、車輪を回転させてきました。これが私の状況です：
ログイン/アカウント作成ページを作成するために、React Router と Redux Form を組み合わせて使用しています。
export default (
<Route path='/' component={App}>
<IndexRoute component={Signup} />
<Route path='signup_verify' component={SignupVerify} />
</Route>
);
ホームページを読み込むと、アカウントを作成するためのフィールドが表示されます
React Form を使用してフィールドを検証し、問題がなければ実行します
onSubmit() {
this.context.router.push('/signup_verify')
}
したがって、ウィザードの次の最後のページにそれらをプッシュします。この 2 番目のページには、以前のフォームで提供された名前を入力したい入力が無効になっています。この2番目のページに表示されるようにユーザーが送信した名前を取得するにはどうすればよいですか?
React Form は、デコレータの使用について語っています。
@reduxForm({
form: 'myForm'
})
http://redux-form.com/5.2.4/#/api/get-values?_k=eo04uv
https://github.com/erikras/redux-form/issues/260#issuecomment-155852315
デコレータを使用できるように環境をセットアップしましたが、同じコードを数行上に実装しようとすると、次のエラーが表示されます。
Warning.js:45Warning: 失敗した propType:に指定されたfields型の prop が無効です。配列が必要です。.warning@warning.js:45 getValues.js:59のrenderメソッドを確認objectReduxForm(Signup)Connect(ReduxForm(Signup))
と
キャッチされていない TypeError: fields.reduce は関数ではありません
スクリーンショットの元となった最初のページは、WizardFormFirstPage.js ( http://redux-form.com/5.2.4/#/examples/wizard?_k=y8mg56 ) に非常によく似ています。WizardFormSecondPage は、無効な入力で WizardFormFirstPage からのデータをどのように表示しますか?
私はそれがたくさんあることを知っています、どんな助けでも大歓迎です！また、これを別の方法で行うことに関するフィードバックは素晴らしいものであり、現在のアプローチに賛成です。