使用 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 (将#修改为@）