Установка начальных значений в форму Dynami c в antd 4

Question

У меня проблема при создании формы Dynami c в antd4, следуя этому примеру из docs .

Я хочу использовать форму Dynami c для редактирования объекта, который уже имеет некоторые значения.

В этой песочнице я создал новый массив начальных значений: 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>