在 React Final Form 中，为嵌套字段提供初始值答案

【问题标题】：In React Final Form, providing initialValues to nested fields在 React Final Form 中，为嵌套字段提供初始值
【发布时间】：2019-01-31 09:26:11
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

像这样：

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

这有帮助吗？

【讨论】：