antd confrim 请求失败后 关闭loading

您可以在请求失败后关闭 loading，具体方法如下：

1. 在发送请求前显示 loading，可以使用 antd 的 Modal 组件或 Spin 组件来实现 loading 效果。
2. 在请求失败的回调函数中，关闭 loading。如果使用 Modal 组件，可以通过 visible 属性来控制是否显示 loading，将其设置为 false 即可关闭 loading；如果使用 Spin 组件，可以通过设置 loading 属性为 false 来关闭 loading。

下面是一个示例代码：

import { useState } from 'react';
import { Button, Modal } from 'antd';

const Example = () => {
  const [loading, setLoading] = useState(false);
  const [visible, setVisible] = useState(false);

  const handleRequest = () => {
    setLoading(true);

    // 发送请求
    yourRequestFunction()
      .then(response => {
        // 请求成功处理逻辑
        setLoading(false);
      })
      .catch(error => {
        // 请求失败处理逻辑
        setLoading(false);
        setVisible(false); // 关闭 loading
      });
  };

  return (
    <div>
      <Button onClick={handleRequest}>发送请求</Button>
      <Modal visible={visible}>Loading...</Modal>
    </div>
  );
};

在上面的示例中，handleRequest 函数用于发送请求，点击按钮后会触发该函数。在该函数中，首先将 loading 设置为 true，即显示 loading。然后发送请求，并根据请求结果处理逻辑，无论请求成功还是失败，最后都将 loading 设置为 false，即关闭 loading。如果请求失败，还可以通过设置 visible 为 false 来关闭 Modal 组件