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

【问题标题】：How to show Form error summary using Formik with yup validationSchema如何使用 Formik 和 yup validationSchema 显示表单错误摘要
【发布时间】：2019-05-06 15:19:24
【问题描述】：

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

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

应该是这样的

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

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

【问题讨论】：

标签： reactjs validation formik yup

【解决方案1】：

在使用 withFormik 时，您已将 errors 属性传递给您的组件

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

【讨论】：

【解决方案2】：

您可以从props 获取errors

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

这是example

【讨论】：

你比@CD 慢了一点.. 还是非常感谢+1！
实际上我看不到同时提供表单级验证（例如：服务器验证消息或自定义验证消息）和字段级验证（已经支持）的好方法。我很想听到好的对象结构，而不会破坏对组件的支持