タブ付きフォームと検証。

Question

私はバリデーションを含むタブ付きフォームを作成していますが、私はそれを行う方法を理解していません：私が送信ボタンを押したときに、いくつかのフィールドにバリデーションエラーがあります。フィールドが非表示のタブ（フォーカスされていないタブ）にある場合、エラーメッセージも表示されません。

エラーのあるタブに切り替える簡単な方法はありますか、現在のエラーがすべてクリアされるまで、次のタブに集中しないようにするのは簡単ですか？

私はすべてのReact、JSX、そして現代のJS開発には新しく、あまり簡潔にしないでください！ :)

ありがとう！

Answer 1

問題を再現し、私たちのリポジトリに問題をオープンしました。私はそれがどのように進むのかを知らせます。

この問題を軽減する1つの方法は、custom sagaを作成することです。あなたはredux-sagaについての知識が必要です。

アイデアはに次のようになります。Reduxのフォームから

• キャッチ失敗した検証アクション（SET_SUBMIT_FAILED）
• トリガーフィールドを示すエラーメッセージとエラーが発生したタブとカスタム通知。残念ながら、エラーが発生したリソースを知るためにフィールド名を確認する必要があります。