reactjs - 如何为使用的数组设置初始/默认值?

Question

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

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

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

我想做的不是必须按下按钮才能将该对象推入数组，而是让数组默认值已经包含一个对象。

换句话说，

在提供的示例中，数组开始为空，然后您将 push() 放入数组中，其中定义的字段

我怎样才能让它默认已经默认拥有一个对象而不是手动推送它？

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

Answer 1

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

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

Answer 2

您可以使用“初始值”

例子 ：

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