码迷,mamicode.com
首页 > 其他好文 > 详细

antd中validateFields失效问题

时间:2020-06-29 16:56:27      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:交流   图片   stat   xhr   model   form   ons   问题   mod   

  在antd的form表单中通常用this.props.form.validateFields()来获取并提交表单信息,那么问题来了,有时为啥会不走validateFields()方法里的代码呢?

  这是因为你的form表单里有自定义校验,而你的自定义校验没有用callback()跳出:

// 校验角色名字唯一
    getName = (rule, value, callback) => {
        const { dispatch } = this.props;
        const { recodes } = this.state;
        if (value) {
            dispatch({ type: roleModel/getName, payload: { roleId: recodes ? recodes.roleId : ‘‘, roleName: value } })
            .then((xhr)=>{
                if(!xhr){
                    callback(该角色名称已存在);
                }
            })
            callback()//在这里加一个callback就好了
        }else{
            callback()
        }
    };

  是不是和你踩的坑一样,有没有一种困扰多年的**瞬间通畅的感觉,

技术图片

  欢迎借鉴交流

antd中validateFields失效问题

标签:交流   图片   stat   xhr   model   form   ons   问题   mod   

原文地址:https://www.cnblogs.com/ding-dong/p/13208683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!