React Formik OnChange验证和按钮禁用按钮

问题描述

当前行为 https://stackblitz.com/edit/react-formik-form-validation-lbkyg6?file=App%2FApp.jsx

问题在这里

  • 假设我在“用户名”字段中,然后单击“密码”字段并执行 这里有些更改用户名的验证错误消息 验证不会反映在屏幕上
  • 在不输入用户名和密码的情况下单击提交 文字不显示验证消息
  • 使用isValid和Dirty on Submit按钮使该按钮 在初始化时被禁用,但在输入有效字段后仍然 该按钮保持禁用状态

可复制的示例

  • 单击“用户名”文本,而不在“用户名”中输入任何内容 字段,现在单击密码字段,反之亦然
  • 现在,如果您在“密码”字段中进行任何更改,则验证消息 禁用用户名
  • 如果用户名和密码均不显示
  • OnSubmit验证 字段为空

这仅在对手柄进行更改时发生。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)