Как показать начальные значения для FieldArray

Question

У меня есть приложение ann, в которое пользователи заходят и добавляют столько текстовых полей, сколько хотят, и вводят названия своих автомобилей (я легко это сделал через FieldArray).

Теперь проблема в том, что мне нужна страница "Правка", куда пользователи заходят и видят все автомобили, которые они ввели на странице добавления, и могут редактировать их. Мне нужно снова визуализировать FieldArray и использовать что-то вроде InitialValues.

Так, если пользователь создал, например, 5 автомобилей на странице "Добавить", когда он / она переходит на страницу "Редактирование", я хочу видеть 5 входов, созданных через FieldArray с именами автомобилей. Как это сделать?

Answer 1

Вам нужно будет инициализировать форму через initialValues с массивом названий автомобилей. Что-то вроде...

// load values from server
const values = {
  cars: [
    'Alex', 'Bob', 'Carol', 'Dennis', 'Erik'
  ]
}

...

<Form onSubmit={whatever} initialValues={values}>
  {({ handleSubmit }) => (
    <form onSubmit={handleSubmit}>
      // fields here, just like you did on "add" page
    </form>
  )}
</Form>