微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Formik 禁用提交 btn

如何解决Formik 禁用提交 btn

我有 Formik 表单,其中所有字段的 scanf 都不是空的。我的提交按钮有以下条件:

initialValues

是的验证架构:

disabled={!(dirty && isValid)}

为什么在我更改某些字段中的值之前提交按钮被禁用?如果所有 const signInSchema = Yup.object().shape({ title: Yup.string() .required(),description: Yup.string() .required(),spec: Yup.string() .required(),link: Yup.string() .url() .required(t),}); 都正确并且我没有对表单字段进行任何更改,我如何为这种情况启用提交按钮?

解决方法

我很确定这就是dirty prop的用途。检查表单初始状态的变化。

尝试删除它。

disabled={!isValid}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。