Formik FieldArray Yup错误验证不起作用

问题描述

您好，我正在尝试使用Yup和Formik进行错误验证，但我想不出如何使它仅与字符串数组一起工作。没有简单的Formik和Yup数组的示例。

我只是试图使用required（）方法来确保用户在允许他们按提交之前至少输入一个朋友。由于某种原因，我的错误中什么也没得到。

我为任何想帮助我的人创建了一个codeandBox。 https://codesandbox.io/s/stupefied-fire-ksbid?file=/src/App.tsx

谢谢！

解决方法

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

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