如何显示字段数组的初始值

Question

我有一个应用程序，用户可以根据需要添加任意数量的文本字段并输入他们的汽车名称(我通过FieldArray轻松做到了(。

现在的问题是我需要一个编辑页面，用户可以在其中查看他们在添加页面中输入的所有汽车并能够编辑它们。我需要再次渲染 FieldArray 并使用类似 InitialValues 的东西。

因此，例如，如果用户在"添加"页面中创建了 5 辆汽车，当他/她转到"编辑"页面时，我希望看到通过 FieldArray 创建的 5 个带有汽车名称的输入。怎么做？

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>