使用Ant Design 4.x 表单提交时使用validateFields()方法校验多个表单的提交
下面展示具体的使用代码 代码片
。
const handleSubmit = (values) => {
Promise.all([baseInfoVOForm.validateFields(), productInfoVOForm.validateFields(),screenTifmingVOForm.validateFields()]).then(
res => {
const data = productInfoVOForm.getFieldsValue()//通过getFieldsValue方法获取数据执行数据变换的操作
}
)
在提交按钮的绑定的方法上使用Promise.all([ a. validateFields() , b. validateFields() ,c.validateFields() ]).then(res=>{
})
(其中 a b c 为表单的名称)
就可以在执行表单提交的时候像验证一个表单一样去校验三个表单的值(比如校验字段是否必填),同时还可以同过getFieldsValue()方法拿到每个表单的值去执行想要操作。