問題タブ [react-final-form]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

441 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
1276 参照

reactjs - react-final-form 状態に空の入力が含まれていません

ユーザーが入力からコンテンツを削除しているときに、状態内に空/null プロパティが必要です。

例を見ると、ユーザーが入力をクリアしているとき、状態は空です。状態を使用してデータベースのデータを更新するため、コードが古いデータを新しいデータで更新しても、値は更新されません (プロパティはありません!)。

例: https://codesandbox.io/s/3qvqnv6216

プロパティを州内に残すスマートな方法が見つかりません。

ありがとう ：）

0 投票する
1 に答える
9809 参照

javascript - React final-form 処理したいすべてのフィールドが有効な場合のみSubmit

react-final-form で連絡フォームをセットアップしました。問題は、すべてのフィールドが有効な場合にのみフォームの送信を許可する方法がよくわからないことです。

現在、私のフォームはデータを取得し、フィールドが空の場合、または電子メール アドレスが無効な場合に、フィールドの下にエラーを表示します。

私の react-final-form のベースとして、このサンドボックスのコードを使用しました。onSubmitまた、 in<Form/>とonSumbitinの違いがよくわかりません<form>。

質問 1.: すべてのフィールドが有効な場合にのみ handleSubmit を許可するにはどうすればよいですか?

質問 2.: 両方の onSubmit プロパティの違いは何ですか?

これが私のコードです:


12345678910