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

Question

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

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

这应该是这样的

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

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

Answer 1

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

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