LoginSignup
1
1

More than 1 year has passed since last update.

react-hook-form > メモ > key nameに連想配列を使った場合

Posted at

key nameにゼロ埋めされた数字を使うと、連想配列とならないので注意

react-hook-formでは以下のように、.(ドット)で区切ることで連想配列として扱ってくれる。

register('test.0.firstName');
register('test.0.lastName');
"test":[
  {
    "firstName":{"type":"required"},
    "lastName":{"type":"required"}
  }
 ]

ただし、以下のようにゼロ埋めされた数字を使うと、連想配列とならないので注意

register('test.01.a0');
register('test.01.a1');
{"test":[]}

Get Started | React Hook Form - Simple React forms validation

Ruleのとこに、以下のように書いてあるので、数字は使わない方が吉

It can neither start with a number nor use number as key name.

Code Sandbox

key nameに連想配列を使った場合 - CodeSandbox

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1