Formik 禁用提交 btn

Posted 2023-02-21

【中文标题】Formik 禁用提交 btn

【英文标题】：Formik disabled submit btn

【发布时间】：2021-04-08 21:51:03

【问题描述】：

我有 Formik 表单，其中 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),
  );

为什么在我更改某些字段的值之前提交按钮会被禁用？如果所有initialValues 都是正确的并且我没有对表单字段进行任何更改，我该如何为这种情况启用提交按钮？

【参考方案1】：

我很确定这就是脏道具的目的。检查表单初始状态的变化。

尝试删除它。

disabled=!isValid