是的验证没有显示正确的消息

Question

我使用烨和Formik验证某些字段。

其中之一必须是数字，所以这是如何完成的：

import * as Yup from 'yup';

...

const requiredErrorMessage = 'This field is required';
const numberErrorMessage = 'This field is must be numerical';

 const validationSchema = Yup.object({
      anotherField: Yup.string().required(requiredErrorMessage),
      numberField: Yup.number(numberErrorMessage).required(requiredErrorMessage),
 });

因此，如果引入了与数字不同的字符，我希望它显示消息“此字段必须是数字”。

但事实并非如此。 如果我在字段中写“a”，消息是这样的： “价格必须是number类型，但最终值是： NaN （从值"a" ）。”

为什么它显示不同的消息？

Answer 1

对于数字类型的自定义消息，您应该调用 typeError() 函数：

numberField: Yup.number().typeError(numberErrorMessage).required(requiredErrorMessage),