在 React Final Form 中,为嵌套字段提供初始值

IT技术 javascript reactjs forms react-final-form
2021-05-19 09:09:18

我正在使用 React Final Form,出于某种原因,当我尝试将初始值传递给它的initialValuesprop 时,如果我使用的键是格式,它就不起作用'key6.value'-Field具有该名称的名称保持为空。但是,如果格式没有 . 在中间,例如'key6value'

为什么 initialValues 不适用于这些嵌套字段(名称带有 . 的字段)?我该怎么做才能让它通过initialValues

我已经对此进行了彻底的测试,以确保我发现了问题,填充字段和不填充字段之间的唯一区别是 . 在他们的name属性中。

1个回答

您需要使用实际的嵌套结构进行初始化。不是这样的:

{
  'key5.value': 'init value' // ❌
  ...
}

像这样:

{
  key5: {
    value: 'init value' // ✅
  }
  ...
}

这有帮助吗?