React Hook Formでのチェックボックスの取り扱い

  • Path<T>の型定義を見ればわかるがチェックボックスのパスはhoge.fugaという書式になっている
  • 初期値はdefaultCheckedとかを使わないでregisterに渡す初期値にて指定する
    • 指定の仕方は簡単で、registerにてパスで指定する構造にしたがったオブジェクトであればいい

 

stackblitz.com

 

パス関連の実装を見た感じだと [ . が区切り文字になっており、パースされたあとのキーでネストしたオブジェクトアクセスしているので、ドット以外も型定義に追加した方が良さそうに見える

github.com