如何解决使用 Yup 进行复选框模式验证
我正在使用 Yup 来验证我的架构,其中包含一个
我一直在使用 Formik,所以这是初始值
const initialValues = {
exercises: [
{
title: "",exerciseType: {
reps: false,duration: false,extraWeight: false,},],};
接下来,这是我的验证架构 -
const exerciseSchema = yup.object().shape({
exercises: yup.array().of(
yup.object().shape({
title: yup.string().required().min(2).label("Exercise Name"),exerciseType: yup
.object({
reps: yup.boolean(),duration: yup.boolean(),})
.test("validationTest",null,(exerciseType) => {
if (exerciseType.reps || exerciseType.duration) {
return true;
}
return new yup.ValidationError(
"Please select what you'd like to track for this exercise.",exerciseType,"exerciseType"
);
}),})
),});
虽然这会引发错误,但它会为数组中的所有复选框引发错误。理想情况下,它应该只在抛出错误之前检查每个运动类型对象。
关于如何解决这个问题的任何提示将不胜感激,因为我已经坚持了几个小时了!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。