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

你说的曾经没有我的故事 提交于 2021-02-20 09:38:09

        在后台管理系统的设计过程中,很多时候会使用到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();

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!