使用 Formik 和 Yup 在字段数组中进行条件验证

Question

我有一个具有嵌套值的 ScheduleForm，称为 hours_attributes。如果all_day 值为假，则各个小时有一个绑定条件，其中需要opens 值的存在。这是我当前架构的编写方式：

const ScheduleSchema = Yup.object().shape({
  name: Yup.string()
    .required('Required'),
  hours_attributes: Yup.array().of(
    Yup.object().shape({
      opens: Yup.object().when('all_day', {
      is: false,
      then: Yup.string().required('Required'),
      otherwise: Yup.string()
    }),
  }))
});

我不确定when 值是否期望该特定小时的all_day 值的索引。我需要某种索引吗？

Answer 1

尝试为when 的第二个参数提供一个函数：

const ScheduleSchema = Yup.object().shape({
  name: Yup.string()
    .required('Required'),
  hours_attributes: Yup.array().of(
    Yup.object().shape({
      opens: Yup.boolean().when('all_day', (value, schema) =>
        value ? schema : schema.required('Required')),
  }))
});

如果上面的 sn-p 不起作用，则更改 hours_attributes 喜欢：

Yup.object({
      opens: Yup.boolean().when('all_day', (value, schema) =>
        value ? schema : schema.required('Required'))
}),

如果您希望 opens 的值为真，那么：

Yup.object({
      opens: Yup.boolean().when('all_day', (value, schema) =>
        value ? schema : schema.oneOf([true], 'Required'))
}),