react/ant design 利用函数控制表单(提交表单,重置表单)

2021-02-20 09:23发布

        在后台管理系统的设计过程中,很多时候会使用到Model对话框里面镶嵌一个Form表单。此时需要用Model的ok按钮去控制Form表单的submit提交。    

此时需要创建一个字段获取Form表单。通过函数方式控制表单提交。

1‘、首先定义一个formRef=React.createRef();

2、然后再需要触发订单提交的方法中,编写控制Form表单进行表单提交的语句。

this.formRef.current.submit();

3、绑定需要控制的Form表单,再给Form添加属性ref={this.formRef}

这样就可以做到当执行handleOk方法时,控制表单提交。

 

另外,还能通过这种方式控制表单重置。

this.formRef.current.resetFields();

(上述仅为个人学习中遇到的问题和解决方式的总结,如果有不恰当的地方欢迎指出。)

标签: