如何显示 FieldArray 的初始值
how to show initial values for FieldArray
我有一个应用程序,用户可以根据需要添加任意数量的文本字段并输入他们的汽车名称(我通过 FieldArray 轻松完成)。
现在的问题是我需要一个编辑页面,用户可以在该页面上查看他们在添加页面中输入的所有汽车并能够对其进行编辑。我需要再次渲染 FieldArray 并使用类似 InitialValues 的东西。
因此,例如,如果用户在添加页面中创建了 5 辆汽车,当 he/she 进入编辑页面时,我希望看到通过 FieldArray 与汽车一起创建的 5 个输入' 名字。
怎么做?
您需要使用汽车名称数组通过 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 轻松完成)。
现在的问题是我需要一个编辑页面,用户可以在该页面上查看他们在添加页面中输入的所有汽车并能够对其进行编辑。我需要再次渲染 FieldArray 并使用类似 InitialValues 的东西。
因此,例如,如果用户在添加页面中创建了 5 辆汽车,当 he/she 进入编辑页面时,我希望看到通过 FieldArray 与汽车一起创建的 5 个输入' 名字。 怎么做?
您需要使用汽车名称数组通过 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>