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

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

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

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
关注一下,或许能让你获得更多前端咨询信息。
加载中...
分享中心

评论 抢沙发

评论前必须登录


如果你觉得本站内容对你有所帮助,比如提升你对编程方面的认识,你可以通过上面的二维码请博主喝杯咖啡,安好。

WEB前端开发部落(公众号:webapp_club)

群列表

前端初级学习群:初级Web前端学习群(后期为支付入群)
PHP初级学习群:PHP(MySQL)学习交流群
QQ群仅作为相关领域讨论平台,均提供高质量问题交流,禁止闲聊,无法接受的朋友请勿加群!
进群需要通过这里获取进群码才能进群哦!