Отключить ссылку на отправку формы дизайна муравья

Question

При попытке создать страницу оформления заказа для моего сайта электронной коммерции я столкнулся с этой проблемой.

Используя компонент формы ant designs, как отключить ссылку (продолжить доставку), если все необходимые формы не заполнены? Примерно так, если ссылка должна быть отключена, если поле номера телефона не заполнено.

<Form.Item
  name={inputField.phoneNo}
  rules={[
    { required: true, message: "Please input your Phone Number!" },
  ]}
>
  <Input placeholder="Phone Number" />
</Form.Item>

<div>
  <Link to="/Cart">{"<"} return to cart</Link>
  <Form.Item>
    <Link
      to="/Delivery"
      style={{ float: "right" }}
    >
      <Button htmlType="submit">
        Continue to Delivery
      </Button>
    </Link>
  </Form.Item>
</div>

Answer 1

вы можете написать собственный лог c для него что-то вроде:

      <Button             
            disabled={
              !form.isFieldsTouched(true) ||
              form.getFieldsError().filter(({ errors }) => errors.length).length
            } 
            htmlType="submit"
      >
        Continue to Delivery
      </Button>