Formik 禁用提交 btn

Question

我有 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 都是正确的并且我没有对表单字段进行任何更改，我该如何为这种情况启用提交按钮？

Answer 1

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

尝试删除它。

disabled={!isValid}