admin管理员组

文章数量:1612060

Class component

1. 创建ref

class Demo extends React.Component {
  formRef = React.createRef();
  state={
  	
  }
}

2. 表单绑定ref

//ref={this.formRef}  先给Form 
<Form {...layout} ref={this.formRef} name="control-ref" onFinish={this.onFinish}>
        
</Form>

3. 设置想要赋值的Form-item 的name值

<Form.Item
      name="note"
      label="Note"
      rules={[
        {
          required: true,
        },
      ]}
    >
      <Input />
</Form.Item>

4. 函数里面赋值

this.formRef.current.setFieldsValue
这个函数里面为一个对象，对象的key对应的就是想要赋值的Form-item中的name，然后对象的value就是想要赋的值。

handleChange(){
	this.formRef.current.setFieldsValue({
		note: 'Hello world!',
	});
}

本文标签： 表单组件数据AntdReact

版权声明：本文标题：React antd 使用类式组件 对表单数据域进行控制 this.formRef.current.setFieldsValue 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1728627851a1166723.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。