antd获取/更改form表单数据(表单域数据)-CSDN博客

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

创建ref引用

formRef = React.createRef();

表单和ref绑定

//ref={this.formRef}  先给Form 
<Form ref={this.formRef} name="control-ref" onFinish={this.onFinish}>
   <Form.Item name="name" label="Name" rules={[{ required: true }]}>
        <Input />
   </Form.Item>
   <Form.Item name="age" label="Age" rules={[{ required: true }]}>
        <Input />
    </Form.Item>
</Form>

获取值

var name = this.taskDetailsExportRef.current.getFieldValue('name');
var age = this.taskDetailsExportRef.current.getFieldValue('age');

更改

this.formRef.current.setFieldsValue({
	name: 'name change',
	age: 'age change'
});
阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6