javascript 如何显示多个错误行使用Formik和yup?

h5qlskok  于 2023-03-11  发布在  Java
关注(0)|答案(1)|浏览(137)

我曾尝试写入使用formikyup验证的多个错误行。使用this.createError()后,错误消息变为字符串,而不是{errors: '4 errors occurred'}的数组。
我做的示例代码:

const messages = [
  { key: "length", message: "should have  password at least 8 characters" },
  { key: "notRepeat", message: "should not repeat old password" }
];

this.createError({
  path: `${this.path}`,
  message: messages,
  errors: messages
});

我需要的是错误,我需要它作为消息返回([]),然后我通过UI显示一个错误列表。
有什么意见或建议来解决这个问题吗?
谢谢你。

0h4hbjxa

0h4hbjxa1#

试试这个:

const errors = messages.map((msg) => ({
  path: this.path,
  message: msg.message,
}));

this.createError(errors);

相关问题