相关疑难解决方法(0)

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

我正在尝试在我的示例注册表中使用 ant 设计表单,当我尝试使用 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>
  )
}
Run Code Online (Sandbox Code Playgroud)

forms reactjs antd

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

antd ×1

forms ×1

reactjs ×1