Formik FieldArray 是的错误验证不起作用

Question

您好，我正在尝试使用 Yup 和 Formik 实现错误验证，但我无法弄清楚如何仅使用字符串数组来实现它。没有 Formik 和 Yup 的简单数组示例。

我只是尝试使用 required() 方法来确保用户在允许按提交之前输入至少一个朋友。出于某种原因，我的错误中没有任何内容。

我为任何愿意帮助我的人创建了一个代码沙盒。 https://codesandbox.io/s/stupefied-fire-ksbid?file=/src/App.tsx

提前致谢！

Answer 1

你在架构中调用了你的字段description，而它应该是friends。您还可以添加.min(1) 以确保有一个。我也总是添加.trim()，所以不接受空字符串，除非人们可以有朋友叫" "。

const validationSchema = yup.object().shape({
  friends: yup.array().min(1).of(yup.string().trim().required())
});