問題タブ [redux-form]

redux-form固有の質問があります。

フォームに非表示の入力があります:

また、サーバーにリクエストを送信して非同期検証を実行したいと考えています。これを達成するための最もエレガントで適切な方法は何ですか? 非表示の入力がぼかしイベントをトリガーできないように見えるという事実を除いて、これは正しいことのように思えます。

編集

次のミドルウェア コードを Redux に接続することで、必要なものを取得できました。

この質問は redux-form に固有のものです。

フィールドに非同期検証を使用していますが、検証にコストがかかるため、フォーム送信時に再検証したくありません。

この github issue https://github.com/erikras/redux-form/issues/681を見てきましたが、提案は非同期検証関数をメモ化することでした。このためにサーバーに戻りたくないので、asyncValidate 内のストアにアクセスする方法はありますか?

redux-form コードから、 をhandleSubmit呼び出すのではなく、関数内で非同期エラーのフィールドをチェックできるはずのようasyncValidate()です。これを redux-form の構成オプションとして追加できますか?

Redux-Form 内のinitializingFromStateの例を使用して、これを動的に設定しようとしています。これは本のリストで特定の本を編集するためのもので、express.js で設定された単純な API を使用しています。

フルコンテナは以下です。initialValues関数内で何らかの形で , を渡す必要がありmapStateToPropsます。fetchBookこの例では、静的オブジェクトを介して行われますが、 を介して取得した情報を使用して に渡す方法がわかりませんinitialValues。

容器：

ありがとうございました。

redux-formに 2 番目の送信ボタンを追加しようとしています。

どちらのボタンも、データを保存するアクションをディスパッチする必要がありますが、押されたボタンに応じて、ユーザーは別のページにルーティングされる必要があります。

onSubmitそこで、 propとしてフォームに渡すハンドラーを定義しました。

しかし、私が見ることができる限り、フォームデータのみがこのハンドラーに渡されます。

handleSubmitノート上のドキュメント:

<form onSubmit={handleSubmit}> または に渡されることを意図した関数<button onClick={handleSubmit}>。同期と非同期の両方の検証を実行し、フォームが有効な場合はthis.props.onSubmit(data)、フォーム データの内容で呼び出します。

私が見逃しているのは、押されたボタンに関する情報 (クリック イベントなど) を onSubmit ハンドラーに渡す方法です。これにより、意図したとおりに保存してルーティングできます。

アプリケーションの一部をredux-form v5からv6( alpha-10) に移行しています。いくつかのフィールドの値を組み合わせて表示する必要があります。

ではv5、次のようなものがあります。

フォームの最後は、2 つのフィールドdivの値を組み合わせたものです。でそのような要素を作成するにはどうすればよいですか?firstlastv6

私のプロジェクトには、ユーザーがページのリストを取得したり、新しいページを作成したりできるビューがあります。私のコードは次のようになります。

親コンポーネント (ページ)

子コンポーネント (新規ページの作成)

Pages は React Router から props として ID を受け取ります。これを「Create New Page」コンポーネントの Redux Form で利用できるようにして、ページを DB のプロジェクトに関連付けることができるようにします。

現在、プロジェクト ID をプロップとして「Create New Page」コンポーネントに渡し、非表示の入力フィールドに保存することで、プロジェクト ID を利用できるようにしています。

これは私の最初の Redux アプリケーションなので、これを正しく行っているか知りたいだけですか? よろしくお願いします。

プロジェクトで Redux-Form を使用していますが、問題が発生しました。新しい入力値で setState を実行できません。

コードは次のとおりです。

login.js

入力タグがそれぞれの状態になるようにしたい。

これを動的に行うにはどうすればよいですか? value={this.state.fieldConfig.id}andを使用してみvalue={this.state.{fieldConfig.id}}ましたが、両方ともエラーが発生しました。