react + antd form表单验证自定义验证validator根据后台接口判断验证

  //验证账号是否已经被添加过
  const checkAccount = (value: string | number) =>{ // 这个是rules自定义的验证方法
    return new Promise((resolve, reject) =>{  // 返回一个promise
      checkedAccount({ account: value }).then(res =>{ // 这个是后台接口方法
        if (res.responseCode === '000000') {
          console.log(11, res.data)
          resolve(res.data)
        } else resolve(false)
      }).catch(error =>{
        reject(error)
      })
    })
  }

 <FormItem
     name='account'label='账号'rules={[
     { required: true, message: '请输入账号！'},
     {
        validator: (rule, value, callback) =>{
          checkAccount(value).then(res =>{
             if(res) {
                 //console.log(33, res)
callback()
              } else{
                  callback('账号已存在')
                      }
               })
         },
      },
      ]}
 >
   <Input placeholder='' />
 </FormItem>