使用Formik、Yup和Reaction进行异步验证 [英] Async validation with Formik, Yup and React
本文介绍了使用Formik、Yup和Reaction进行异步验证的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用formik进行异步验证,并使用yup进行验证架构,但我找不到示例或演示。
推荐答案
const validationSchema = Yup.object().shape({
username:
Yup.string()
.test('checkDuplUsername', 'same name exists', function (value) {
return new Promise((resolve, reject) => {
kn.http({
url: `/v1/users/${value}`,
method: 'head',
}).then(() => {
// exists
resolve(false)
}).catch(() => {
// note exists
resolve(true)
})
})
})
})
YUP通过测试方法提供了异步处理。(KN是我的AJAX承诺函数)
祝你有愉快的一天。
这篇关于使用Formik、Yup和Reaction进行异步验证的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文