Open2
React Hook Formの勉強
ピン留めされたアイテム
noboru_i
諸事情で、v6ベースで調べる。
noboru_iネストされたフォーム
ここを見ても、いまいち理解できなかった。
こっちの方がわかりやすい。
結局の所、
- 親コンポーネントで
useFormしておく。 - 親コンポーネントでは、
FormProviderで囲んでおき、useFormの戻り値を渡しておく。 - 子コンポーネントの方では、
useFormContextを使うことで、親が管理しているuseFormにアクセスできる。（registerを呼び出したりできる）
つまりは、親で管理している useForm の結果を、子コンポーネントでかんたんに使える、ということと理解した。
ちなみに、 FormProvider で囲まれていない子コンポーネントで useFormContext を実行しても、 null が返却される。