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

标签 reactjs validation formik yup

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

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

这应该是 的样子

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

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

最佳答案

你有一个 errors使用 withFormik 时传递给组件的 prop

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

关于reactjs - 如何使用 Formik 和 yup validationSchema 显示表单错误摘要,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56008085/

相关文章:

javascript - React - 条件渲染(多个数组的迭代)

javascript - 占位符 Javascript 文件

reactjs - React、Formik、React-select 和 Firebase - Formik 形式的 isMulti 数组

javascript - 来自 Yup 的自定义验证的错误消息不会消失

reactjs - "object Object"在 ReactJS 上显示为 Formik 表单的输入值

javascript - 单击按钮后如何显示来自mongodb的数据到reactjs?

javascript - 如何在页面加载时发出请求, react Hook

javascript - React Router this.context.router.push 不会重新挂载组件

ruby-on-rails - Rails:如何要求至少一个字段不为空

JavaScript 验证未按预期执行