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

Cod*_*ife 3 validation reactjs yup formik

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

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

这应该是这样的

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

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

CD.*_*D.. 6

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

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