如何使用 setFieldValue 并将值作为组件之间的 props 传递

我试图在示例注册表单中使用 ant design 表单，当我尝试使用 setFieldsValue 时，它​​会抛出错误“除非使用 getFieldDecorator，否则无法使用 setFieldsValue”。但我已经在代码中使用了 getFieldDecorator。这是我的代码示例。

handleChange = (e) => {
  const fname = e.target.name;
  const fvalue = e.target.value;
  this.props.setFieldsValue({
    fname: fvalue
  });
}
render(){
  const { getFieldDecorator } = this.props.form
  return (
    <Row gutter={4}>
      <Col className="reg-personal-details-grid-column" span={24}>
        <FormItem {...formItemLayout} label="First Name">
          {getFieldDecorator("firstName", {
            rules: [
              {
                required: true
              }
            ]
          })(
            <Input
              placeholder="First Name"
              required
              name="firstName"
              onChange={this.handleChange}
            />
            )}
        </FormItem>
      </Col>
    </Row>
  )
}

fname没有定义在getFieldDecorator.

你应该做这个：

handleChange = (e) => {
  const fname = e.target.name;
  const fvalue = e.target.value;
  this.props.form.setFieldsValue({
    [fname]: fvalue
  });
}