Warning: `callback` is deprecated. Please return a promise instead.

 2020年05月05日 分类:React/前端设计  评论(0)  阅读(550)

今天在项目中写着写着代码突然发现控制台报错,如下:

Warning: callback is deprecated. Please return a promise instead.

原因是因为新版的Antd使用了React的hooks,表单中的字段校验方法进行了一些修改,原来的回调方法改成了返回一个Promise对象。

原来代码是:

const handleCheckRePwd = (rules, value, callback) => {
    let password = form.getFieldValue("password");
    if (password && password !== value) {
      callback('两次输入的密码不一致')
    } else {
      callback()
    }
  };

现在改成了返回Promise,代码如下:

const handleCheckRePwd = (rules, value, callback) => {
    let password = form.getFieldValue("password");
    if (password && password !== value) {
      return Promise.reject("两次输入的密码不一致");
    } else {
      return Promise.resolve();
    }
  };

小问题,大家应该能解决。

这里顺带说一下,这都什么年代了,还有人偷了文章不加出处的…

wechat_app
微信公众号:webapp_club
关注一下,或许能让你获得更多前端咨询信息。
加载中...

评论 抢沙发

评论前必须登录(开发中...)