如何为 ？<FieldArray/>

Question

我一直在创建一个带有 react-final 形式的表单。此窗体具有一些条件字段，仅在用户单击复选框时显示。如果选中该复选框，则呈现组件。

它与他们在文档中提供的示例非常相似，您可以在此处看到。 https://codesandbox.io/s/kx8qv67nk5

我以该示例为基础，可以使用调用 push 方法的按钮添加到字段数组中，就像示例中一样。

我想做的是不必按下按钮即可将该对象推送到数组中，而是让数组默认值已经包含一个对象。

换句话说，

在提供的示例中，数组从空开始，您将 () 推入数组中，其中定义的字段

如何让它默认为默认已经有一个对象，而不是手动推送它？

我不确定该数组在哪里定义或初始化。

Answer 1

Loick M 很接近，但对于数组，您需要：

<Form
onSubmit={myOnSubmit}
initialValues={{ musicians: [ { firstName: 'Bob', lastName: 'Marley' } ] }}>
...
</Form> 

Answer 2

您可以使用"initialValues">

例：

import { Form } from "react-final-form";
...
myInitData = {
firstName: "hello",
lastName: "world"
}
...
render() {
return 
<Form
initialValues={myInitData} 
onSubmit={this.handleSubmit}
validate={this.validate}
>...