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

Question

我在antd4中创建动态表单时遇到了一个问题，请按照文档中的此示例进行操作。我想使用动态表单来编辑已经具有一些值的对象。在此沙盒中，我创建了一个新的初始值数组：https://codesandbox.io/s/dynamic-form-item-ant-design-demo-slm8o?file=/index.js:636-649目标是在打开表单时实现此状态：

Answer 1

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

    <Form

      name="dynamic_form_item"

      initialValues={{ names: ['', '', ''] }}

      {...formItemLayoutWithOutLabel}

      onFinish={onFinish}

    >

        <Form.List name="names">

            { /* your array of fields goes here */ }

        </Form.List>

    </Form>