使用yup的oneOf方法校验时isValidSync返回false如何解决

Yup.mixed().oneOf() 默认使用严格相等运算符（===）做值匹配。JavaScript中对象属于引用类型，你定义在oneOf枚举数组里的对象字面量，和调用校验时传入的同结构对象是内存中两个独立的实例，引用地址不一致，===比对结果永远为false，最终导致校验返回不符合预期的false。

根据实际校验需求选择对应写法即可：

• 若需求为「传入值必须匹配两个指定结构的对象之一」，不要直接给oneOf传入对象字面量做枚举，改用自定义校验方法做深匹配：

import * as Yup from 'yup';

// 简易深比较逻辑，若项目引入了lodash可直接替换为_.isEqual，避免JSON.stringify的键顺序敏感问题
const isDeepEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b);

const allowedValues = [
  { error: `EmailOrPasswordInvalid` },
  {}
];

const schema = Yup.mixed()
  .test('match-allowed-value', '输入值不在允许范围内', (value) => {
    return allowedValues.some(item => isDeepEqual(item, value));
  })
  .required();

// 校验测试
const isValid = schema.isValidSync({ error: `EmailOrPasswordInvalid` });
console.log(isValid); // 输出true

• 若需求本质是校验对象的字段规则，直接使用Yup的对象类型Schema定义规则即可，无需硬套oneOf：

import * as Yup from 'yup';

const schema = Yup.object()
  .test('valid-structure', '对象结构不符合要求', (value) => {
    const keyList = Object.keys(value);
    // 空对象直接通过
    if (keyList.length === 0) return true;
    // 仅包含error字段且值为指定内容时通过
    return keyList.length === 1 && value.error === 'EmailOrPasswordInvalid';
  })
  .required();

内容的提问来源于stack exchange，提问作者Sandy