84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
required や minLength などのいくつかの検証ルールを設定した入力フィールドを含むフィールドの配列があります。
required
minLength
新しいフィールドが追加されたときにすぐに検証されるようにしたいです。ただし、これは発生せず、空のフィールドを追加した場合でも、これらの入力フィールドのエラーは未定義のままです:
これは検証する必要がある制御された入力です:
ここで、実際に動作するコードとボックスの例を確認できます。 変更するたびに有効にするにはどうすればよいですか?
フィールドを配列に追加するために使用される append メソッドは非同期であり、検証を実行する trigger メソッドも非同期であるため、フィールドの競合を引き起こす競合状態が発生します。アレイに登録する前に登録する必要があります トリガー検証フォーム。配列フィールドを追加するときに再検証をトリガーする前に、関数の結果を await するだけです。
append
trigger
await
あなたの CSB を ここ にフォークしました。また、コンポーネントのインストール時に検証をトリガーする useEffect フックも追加しました。
useEffect
フィールドを配列に追加するために使用される
リーリーappend
メソッドは非同期であり、検証を実行するtrigger
メソッドも非同期であるため、フィールドの競合を引き起こす競合状態が発生します。アレイに登録する前に登録する必要があります トリガー検証フォーム。配列フィールドを追加するときに再検証をトリガーする前に、関数の結果をawait
するだけです。あなたの CSB を ここ にフォークしました。また、コンポーネントのインストール時に検証をトリガーする
useEffect
フックも追加しました。