如何为动态表单字段设置initialValue（蚂蚁设计）？答案

【问题标题】：How to set initialValue for dynamic form field (ant design)?如何为动态表单字段设置initialValue（蚂蚁设计）？
【发布时间】：2020-08-21 15:44:24
【问题描述】：

我正在努力为动态表单字段设置初始值。假设我们有这个来自 AntDesign 文档的示例。

https://codesandbox.io/s/wonderful-lichterman-br63z?file=/index.js

重点是，为每个新添加的字段设置初始值，在本例中，我希望将“姓氏”设置为“kowalski”。

遵循 ant 设计文档：

"在大多数情况下，我们总是建议使用Form initialValues。只有在动态字段使用时才使用Item initialValue"

所以我试图设置 initialValue 但结果我只收到此警告：

“React 无法识别 DOM 元素上的 initialValue 属性。如果您有意希望它作为自定义属性出现在 DOM 中，请将其拼写为小写 initialvalue。如果您不小心从父级传递了它组件，将其从 DOM 元素中移除。”

感谢您的建议。

【问题讨论】：

标签： javascript reactjs antd

【解决方案1】：

我发现了一个更简单的实现。原来add 方法允许设置字段defaultValue。

<Form.Item>
  <Button
    type="dashed"
    onClick={() => {
      add({ lastName: 'mejia', firstName: 'cesar' })
    }}
    style={{ width: '100%' }}
  >
    <PlusOutlined /> Add field
  </Button>
</Form.Item>

见： https://codesandbox.io/s/fervent-morning-c9vhk

【讨论】：