在antd 4中将初始值设置为动态形式

Question

我在 antd4 中创建动态表单时遇到问题，遵循 this example from docs。

我想使用动态表单来编辑已经有一些值的对象。

在这个沙箱中，我创建了一个新的初始值数组：https://codesandbox.io/s/dynamic-form-item-ant-design-demo-slm8o?file=/index.js:636-649

目标是在打开表单时达到这个状态：

感谢任何帮助。

Answer 1

您需要将一个对象传递给initialValues prop，其中包含names 字段列表的值数组，如下所示：

    <Form
      name="dynamic_form_item"
      initialValues={{ names: ['', '', ''] }}
      {...formItemLayoutWithOutLabel}
      onFinish={onFinish}
    >
        <Form.List name="names">
            { /* your array of fields goes here */ }
        </Form.List>
    </Form>