2021-05-06 antd中的Form表单异步验证

antd中的Form表单异步验证：

<Form.Item
    rules:[
        {
            // 普通验证
            required:true,    
            message:'该字段是必须的' 
        },
        {
            // 自定义验证  rule是规则对象，包含字段名称，以及字段类型校验器等等，val为输入框内容
            validator函数接收promise作为返回值
            validator：(rule,val){
                if(...){
                     return Promise.resolve() // 不触发验证
                }else{
                    return Promise.reject(new Error('提示信息')) // 触发验证
                }
            }                                                    
        },
        {
            // 异步验证 多了一个callback函数
            validator：(rule,val,callback){
                这里进行异步操作,下面以promise举例
                const p1 = new Promise((resolve,reject)=>{
                    setTimeOut(()=>{
                        const dataNum=Date.now()
                        if(dataNum%2===0){