React 故事书显示有错误的 formik 表单

Posted

技术标签:

【中文标题】React 故事书显示有错误的 formik 表单【英文标题】:React storybook showing formik form with errors 【发布时间】:2019-07-12 23:18:47 【问题描述】:

强制formik表单显示错误字段的最简单方法是什么?

我想要一个 react 故事书来展示当一个字段中有错误时我们的表单是什么样子的。

我的表单中的每个字段只有在被触摸并且其值无效时才会显示错误。

我可以设置字段的初始值,但我不知道如何将所有内容标记为已触摸,以便显示错误。

【问题讨论】:

【参考方案1】:

Formik test for ErrorMessage 可能有点用处。

注意setFieldError和setError的使用

【讨论】:

链接已损坏 已更新,因此它们不再损坏。不过现在信息可能已经过时了

以上是关于React 故事书显示有错误的 formik 表单的主要内容,如果未能解决你的问题,请参考以下文章

故事书插件自述错误显示顺序

如何动态访问嵌套错误/触及formik字段

React JS:Yup & Formik 错误消息在提交时显示多次

[react] 你有使用过formik库吗?说说它的优缺点

如何在 React 中使用 Formik 的自定义输入?

Formik 在空字段上也显示错误