【React】入力のバリデーションはreact-hook-formで決まり！

こんにちは＠nerusanです。 皆さんは、入力フォームの検証は何を利用しておりますでしょうか。 デフォルトでは、htmlの検証を利用している方もいるのではないでしょうか。 たとえば、以下のように記述できます。 const onSubmit = (event) => { event.preventDefault(); // 送信ボタン押した後の処理 } export const Components = () => { return ( <form onSubmit={onSubmit}> <h1>ユーザ名</h1> <input minLength={7} required /> </from> ); } 結果 このやり方でもいいのですが、フォーム実行時event.preventDefault()を入れる必要があったり、デフォルトでの検証表示がいまいちだったりし、変更するのも面倒です。