useForm
useFromは、フォームを簡単に管理するためのカスタムフックです。オプション引数として、１つのオブジェクトを受け取ります。
使用方法
useForm({
defaultValues: {
firstName: '',
lastName: ''
}
})
フォーム要素
<input {...register("hidden", { value: "data" })} type="hidden" />
const onSubmit = (data) => {
const output = {
...data,
others: "others",
}
}
useFormの書き方
const { register, handleSubmit, control } = useForm({
disabled,
})
主なReactHookFormのメソッド
register
- 状態管理やバリデーションが簡単に行えます。
handleSubmit
- フォーム送信の処理を行います。
watch
- フォームフィールドの状態変更を監視します。
reset
- フォーム値をリセットします。
setError
- フォーム送信時にエラーを設定します。