Reactjs React antd表单禁用提交按钮

如何使用antd禁用表单提交按钮

表单验证可以工作，但当验证失败时，我需要直观地禁用表单提交按钮

这是一个stackblitz url 我在这里做了一些编辑：

总结我所做的工作：

我创建了用户名、密码和禁用的钩子 每次用户更改用户名和密码时，如果这些字段为空，则禁用设置为false。 如果执行onFinishFailed，则此disabled设置为true。 当disabled为true时，按钮变为disabled。如果disabled属性变为false，则该按钮将再次可单击。 我在这里做了一些编辑：

总结我所做的工作：

我创建了用户名、密码和禁用的钩子 每次用户更改用户名和密码时，如果这些字段为空，则禁用设置为false。 如果执行onFinishFailed，则此disabled设置为true。 当disabled为true时，按钮变为disabled。如果disabled属性变为false，则该按钮将再次可单击。

---

我找到了一些优雅的方法来完成这个

<Form.Item shouldUpdate className="submit">
  {() => (
    <Button
      type="primary"
      htmlType="submit"
      disabled={
        !form.isFieldsTouched(true) ||
        form.getFieldsError().filter(({ errors }) => errors.length)
          .length > 0
      }
    >
      Log in
    </Button>
  )}
</Form.Item>

---

我找到了一些优雅的方法来完成这个

<Form.Item shouldUpdate className="submit">
  {() => (
    <Button
      type="primary"
      htmlType="submit"
      disabled={
        !form.isFieldsTouched(true) ||
        form.getFieldsError().filter(({ errors }) => errors.length)
          .length > 0
      }
    >
      Log in
    </Button>
  )}
</Form.Item>

---

你必须给我们看一些代码，你想做什么already@Versifiction这里是工作url，你必须向我们展示一些代码，你试图做什么already@Versifiction这是一个工作url是的，它是工作的，但问题是当我们有一些额外的规则，这将是更复杂的，虽然，我在寻找某种反应钩形式的方法，不管怎样，谢谢。这是可行的，但问题是当我们有一些额外的规则时，这将更加复杂，尽管如此，我正在寻找某种反应钩子形式的方法，不管怎样，谢谢