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>

如何显示FieldArray的初始值

1 个答案: