反应最终形式。如何从组件状态设置字段值

Question

我正在尝试向我的论坛添加日期选择器。问题是日期选择器只能通过组件状态工作。意味着选择的值进入状态。

我正在尝试强制最终表单字段使用该状态值。但我似乎无法弄清楚。

基本上试图做到这一点：

<Field name="field1" value={this.state.date}/>

Answer 1

嗯，我假设您不想设置最终用户可以更改的初始值。如果情况并非如此，请告诉我。

如果您不想强制使用值，请不要使用字段。React-final-form 会维护状态，因此您不必这样做。

要设置初始值，请使用表单控件中的initialValues 属性。

 <Form
      onSubmit={onSubmit}
      initialValues={{ field1: "2019-02-02" }}
      render={({ handleSubmit, form, submitting, pristine, values }) => (
        <form onSubmit={handleSubmit}>
          <div>
            <label>Feild One</label>
            <Field name="field1" component="input" type="date" />
          </div>
          .
          .
          .