如何自定义 yup 验证消息？

【问题标题】：How to customize yup validation messages?如何自定义 yup 验证消息？
【发布时间】：2020-12-26 19:00:51
【问题描述】：

我见过的大多数答案在定义架构时都会自定义 yup 验证消息，例如

const personSchema = yup.object().shape({
    firstName: yup.string().required('First name is a required field'),
    lastName: yup.string().required('Last name is a required field'),
});

但是如果我想自定义默认验证消息本身呢？例如，必填字段应始终呈现固定字符串“必填字段”。

【问题讨论】：

标签： yup

【解决方案1】：

您可以使用来自yup 的setLocale 函数来做到这一点，如下所示：

  import * as Yup from 'yup';

  Yup.setLocale({
    mixed: {
      required: 'Required Field',
    },
  });

有关更多信息，请查看文档：https://github.com/jquense/yup

使用自定义语言环境字典部分是您所需要的。

【讨论】：