Formik FieldArray Yup错误验证不起作用

时间:2020-10-22 22:36:16

标签: reactjs typescript formik yup

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

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

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