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

Question

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

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

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

以下 ant 设计文档：

“在大多数情况下，我们始终建议使用表单初始值。仅在动态字段使用时才使用项目初始值”

所以我试图设置 initialValue 但结果我只得到这个警告：

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

感谢您的任何建议。

Answer 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