使用Yup验证多个必填字段吗？

Question

我正在尝试使用Yup和React Hook Form处理3个输入的验证。

我遇到的问题实际上是能够根据其他输入的值返回自定义错误消息。

所以我有3个字段：

• 一个安全答案
• 安全性答案二
• 密码

条件非常简单：

• 所有三个字段都是必需的。
• SA1不能等于SA2，反之亦然。
• SA1和SA2不能等于密码。

我希望它像这样简单：

yup.string()
.required(() => {
    return 'Answer is Required';
})
.notOneOf([yup.ref('securityAnswerTwo')], () => {
    return 'Cannot equal other security answer';
})
.notOneOf([yup.ref('password')], () => {
    return 'Cannot equal password';
});

不幸的是，如果yup.ref('securityAnswerTwo')是一个空字符串，这是发生了什么-因为尚未输入-并不是在错误地要求输入它，这是在错误它不能等于另一个安全性问题。 / p>

因此，我只是想尝试根据.notOneOf的值来有条件地从yup.ref()返回错误的方法。