reactjs - 如何使用 Formik 和 yup validationSchema 显示表单错误摘要

Question

我想显示 yup validationSchema 发现的所有错误的摘要。

我的 CodeSandbox 示例：https ://codesandbox.io/s/7m3n44po80

这就是它的样子

如果提交时出现错误，它应该是什么样子。在屏幕截图中，错误摘要是硬编码的，就像在我的 CodeSandbox 中一样：

我找不到任何可以抓取所有验证错误的“钩子”。

Answer 1

使用时，您已将errors道具传递给您的组件withFormik

例如：https ://codesandbox.io/s/j216zmo0xw

Answer 2

你可以errors从props

errors是一个对象，每个字段的名称都有错误。

这是一个例子