Redux Form，如何从组件状态设置InitialValue？

Redux Form是一个用于处理表单的库，可以与Redux结合使用。要从组件状态设置Redux Form的InitialValue，可以使用initialValues属性。

initialValues属性是Redux Form提供的一个属性，用于设置表单字段的初始值。可以将initialValues属性设置为一个对象，对象的键是表单字段的名称，值是对应字段的初始值。

例如，如果有一个表单组件有一个名称为"username"的输入字段，要设置它的初始值为"John"，可以在组件的render方法中通过传递initialValues属性来设置：

import { Field, reduxForm } from 'redux-form';

class MyForm extends React.Component {
  render() {
    const { handleSubmit } = this.props;
    return (
      <form onSubmit={handleSubmit}>
        <div>
          <label htmlFor="username">Username</label>
          <Field name="username" component="input" type="text" />
        </div>
        <button type="submit">Submit</button>
      </form>
    );
  }
}

MyForm = reduxForm({
  form: 'myForm',
  initialValues: {
    username: 'John'
  }
})(MyForm);

在上面的例子中，我们通过reduxForm高阶组件将MyForm组件连接到Redux Form。在reduxForm的配置对象中，我们设置了form属性为'myForm'，这将成为我们表单的唯一标识符。然后，我们将initialValues属性设置为一个对象，其中键为表单字段的名称"username"，值为初始值"John"。

这样，当表单组件首次渲染时，"username"字段的初始值将被设置为"John"。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云服务：https://cloud.tencent.com/product
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
• 云存储 COS：https://cloud.tencent.com/product/cos
• 云原生容器服务 TKE：https://cloud.tencent.com/product/tke
• 人工智能 AI：https://cloud.tencent.com/product/ai