有没有一种方法可以使用Yup模式要求基于另一个字段的字段？

Question

我有一个标题（输入字段）和一个复选框。我已经成功实现了一个架构，需要单独使用该复选框。我想做的是，验证标题中是否已键入内容，如果为空，则需要此复选框。我尝试关注Yup文档，但无济于事。

我已经尝试过了，但是当标题没有填写时我没有收到错误消息。

const validationSchema = Yup.object({
title: Yup.string()
.required('Required'),
checkbox: Yup.bool()
.when('title', ({ is: true, then: Yup.bool().required('Required') }))
});

如果可能的话，有没有一种方法可以使用组件中的状态来验证字段？

Answer 1

使用 title: Yup.string().required('Title is required'), checkbox: Yup.boolean().nullable().required(Yup.ref('title'), "checkbox is required"), 。

{{1}}