Как установить начальное значение / значение по умолчанию для массива, используемого <FieldArray />?

Question

Я создаю форму с реактивно-финальной формой.Эта форма имеет несколько условных полей, которые отображаются только тогда, когда пользователь нажимает флажок.Если флажок установлен, то компонент отображается.

Это очень похоже на пример, который они приводят в документации, которую вы можете увидеть здесь.https://codesandbox.io/s/kx8qv67nk5

Я основываюсь на этом примере и могу добавить в массив полей кнопку, вызывающую метод push, точно так же, как в примере.

То, что я хотел бы сделать, - это не нажимать кнопку для того, чтобы поместить этот объект в массив, а использовать массив по умолчанию, в который уже включен один объект.

, другими словами,

В представленном примере массив начинается с пустого значения, и вы нажимаете () в массив, поля, которые определены в

Как я могу получитьпо умолчанию уже есть один объект по умолчанию вместо того, чтобы вручную его нажимать?

Я не уверен, где этот массив определяется или инициализируется.

Answer 1

Loick M близок, но для массива вам понадобится:

<Form
  onSubmit={myOnSubmit}
  initialValues={{ musicians: [ { firstName: 'Bob', lastName: 'Marley' } ] }}>
  ...
</Form> 

Answer 2

Вы можете использовать «initialValues»

Пример:

import { Form } from "react-final-form";
...
myInitData = {
    firstName: "hello",
    lastName: "world"
}
...
render() {
    return 
        <Form
            initialValues={myInitData} 
            onSubmit={this.handleSubmit}
            validate={this.validate}
          >...