javascript - 使用 Yup 和 Typescript 的动态验证消息

Question

我正在尝试使用 Yup 创建一些自定义错误消息，以确定用户的电子邮件地址是否正在使用。

我创建了以下 promise 来 try catch 服务器通信错误:

.test(
{
    name: 'Email Check',
    test: value => {
        if (value.includes("@")) {
            return new Promise<yup.ValidationError>((resolve, reject) => {
                let client = new RegistrationApi();
                client.emailCheck(value,
                    x => x ? resolve(undefined) : resolve(new yup.ValidationError("E-mail address already used", value, "")),
                    () =>resolve(new yup.ValidationError("Failed to contact server", value, "")),
                    undefined);
            });
        }
        else {
            return false;
        }
    }
}),

返回验证错误不会导致显示任何错误消息。我究竟做错了什么？我尝试使用 createError 方法，该方法在示例中似乎有详细信息，但在此上下文中似乎不存在。

Answer 1

    /* An example of a dynamic error message for Required, depending on other vars */
    title: yup.string().nullable().test('test-titleRequired', '',  function (value, context) {
        if (!value || !value.trim().length) {
            if (context.parent.someOtherField === 'Special Value') {
                return this.createError({ message: 'Message Version 1' });
            } else {
                return this.createError({ message: 'Message Version 2' });
            }
        } else {
            return true;
        }
    }),

重要提示:必须使用function语法(不是箭头=>)