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

Question

你好，我正在尝试使用 Yup 和 Formik 实现错误验证，但我无法弄清楚如何让它只使用一个字符串数组。没有简单的 Formik 和 Yup 数组的例子。

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

我为任何愿意帮助我的人创建了一个 codesandbox。 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())
});