循环依赖，节点是：“密码”，是的

Question

我收到上述错误。不知道该物体发生了什么。下面是我的对象。

export const loginValidator = yup.object({
  login: yup.string().when('password', {
    is: (v) => v < 9999 && v > 999,
    then: yup.string().required('Phone No is required').matches(phoneRegExp, 'Must be 10 digits'),
    otherwise: yup.string().email().required('Email is required'),
  }),
  password: yup.string().when('login', {
    is: (m) => phoneRegExp.test(m),
    then: yup
      .string()
      .required('Pin is Required')
      .matches(/^[0-9]+$/, 'Must be only digits')
      .min(5, 'Must be exactly 5 digits')
      .max(5, 'Must be exactly 5 digits'),
    otherwise: yup.string().required('password is required'),
  }),
});

我得到的错误

Error: Cyclic dependency, node was:"password"

这是怎么回事谢谢！！

Answer 1

为了避免循环依赖，必须将这些值添加到 yup.

[['login', 'password']]

例子，

export const loginValidator = yup.object().shape(
  {
    login: yup.string().when('password', {
      is: (v) => v < 100000,
      then: yup.string().required('Phone No is required').matches(phoneRegExp, 'Must be 10 digits'),
      otherwise: yup.string().email().required('Email is required'),
    }),
    password: yup.string().when('login', {
      is: (m) => phoneRegExp.test(m),
      then: yup
        .string()
        .required('Pin is Required')
        .matches(/^[0-9]+$/, 'Must be only digits')
        .min(5, 'Must be exactly 5 digits')
        .max(5, 'Must be exactly 5 digits'),
      otherwise: yup.string().required('password is required'),
    }),
  },
  [['login', 'password']]
);