如何显示 FieldArray 的初始值

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>