关于antd如何在表单外点击触发表单验证的问题

Posted 2023-04-28

参考技术A

需求： 由于业务需要，表单过大的问题，我把表单和提交按钮分开成了两个组件，如图：

解决思路：
1.点击按钮时告知父级这一行为：

按钮组件

传送门： https://www.kancloud.cn/ppyy321/react/273596

2.父级接收子组件传递的信息

子组件接收到这个方法后把this回传给父组件，this.child是父组件接收到的this挂载到child上面，这样子this.child就是子组件的this，如此就能直接操作子组件了

传送门： https://juejin.im/post/5c26137d5188257dc54af75c
4.最后一步：我们就能在父组件里直接操作子组件的提交事件啦

这是我的解决方法，写的有点乱，如果有更好的解决方法，欢迎分享~

蚂蚁组件表单怎么收集数据

参考技术A 获取表单数据。蚂蚁组件表单收集数据，需要点击获取表单数据，Antd是蚂蚁金服开源的一款企业级的组件库，基于react，最近在学习react，自然也免不了Antd的学习，Antd中将原生的标签都封装为一个个组件。