React Yup模式

Question

我正在使用Yup来验证电子邮件字段：

const Schema = Yup.object().shape({
email: Yup.string()
  .email("non valid email format")
  .required("Email required"),
  ...

在表单提交过程中，我检查电子邮件域是否包含在禁用域名列表中，如果包含，则在弹出窗口中显示错误消息：

const forbidDomains = domains;
const domain = data.email.split("@");
if(forbidDomains.Domains.includes(domain[1])) {
  this.setState({openPopup:true,statusMessage:"domain not allowed : " + domain[1]})
      this.setState({isSubmitting:false})
      return;
}

我想检查Yup模式中的域，但我不确定是否可以。

Answer 1

我想你要找的是来自Yup的.test()。也许像这样的东西可能会起作用：

const schema = {
    email: Yup.string()
        .string()
        .email()
        .test('test-name', 'Validation failure message', 
            function(value) {
                // your logic to check the domain
         })
}