如何使用带有yup validateSchema

Question

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

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

这就是它的外观

如果提交有错误，应该是什么样子。在屏幕截图中，错误摘要与我的CodeSandbox中一样被硬编码：

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

Answer 1

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

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

Answer 2

您可以从errors获得props

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

这里是example