react-hook-formでサーバーサイドで行ったバリデーション結果がコントロール操作時にクリアされる - Qiita

react-hook-form v6.10 ~ 6.11.5 までで確認した挙動です。 やろうとしたこと react-hook-formを使用して情報登録用のフォームを開発していたが、 仕様上フォームの入力内容バリデーションはAPIを呼び出してサーバーサイドで実施しなければいけなかった。 理由は単純で、フォームの入力内容がバリデーションを通った場合は入力項目を表示する確認画面を表示し、 バリデーションエラーがあった場合にはフォームの再入力を促すという画面構成だったからだった。 +------+ | Form |<---+ +------+ | | Submit | +--------+ フォームが submit されたらバリデーションAPIで検証。 | 検証OKなら確認画面へ、バリデーションエラーがあった場合は | バリデーションエラーメッセージを表示したフォーム画面を再表示する。 v +