如何在 React 钩子表单名称中获取数字作为键答案

【问题标题】：How to get number as key in React hook form names如何在 React 钩子表单名称中获取数字作为键
【发布时间】：2021-05-15 00:14:40
【问题描述】：

我有一个场景，我需要输入数字作为对象的键

（预期输出）

count: {
  1: "value",
  2: "value"
}

使用反应钩子形式命名约定，我给了

<input type="text" name={"count.5"} ref={register} />

当我取值时，我得到的是一个数组而不是一个对象。

{count: Array(6)}

 > count: Array(6)

0: undefined

1: undefined

2: undefined

3: undefined

4: undefined

5: "1"

【问题讨论】：

【解决方案1】：

由于这是一个已知问题，作者提出了解决方法。

我想出了一个在数字前添加空格或某些字符的解决方案。

<input type="text" name={"count. 5"} ref={register} />

<input type="text" name={"count.x5"} ref={register} />

并使用相同的模式设置字段（如果您使用 setValue 或钩子形式的 defaultValue）

使用键值时，需要修剪添加的字符。

【讨论】：