antd modal.confirm点击确定请求接口后错误不关闭弹窗
时间: 2023-09-30 11:01:49 浏览: 201
这个问题的解决方法可能需要查看你的代码和具体错误信息,但通常情况下,你可以在请求成功后手动关闭弹窗。你可以尝试以下代码:
```
import { Modal } from 'antd';
import axios from 'axios';
const handleOk = () => {
axios.post('/api/your-api-url', data)
.then(() => {
Modal.success({
content: '请求成功!',
onOk: () => {
Modal.destroyAll(); // 关闭所有弹窗
},
});
})
.catch((error) => {
Modal.error({
title: '请求失败',
content: error.message,
});
});
};
const handleCancel = () => {
Modal.destroyAll(); // 关闭所有弹窗
};
<Modal
title="确认框"
visible={visible}
onOk={handleOk}
onCancel={handleCancel}
>
确认要执行此操作吗?
</Modal>
```
在请求成功后,你可以手动调用 `Modal.success` 方法弹出一个成功提示框,并在点击确定按钮后手动关闭弹窗。在请求失败时,你可以弹出一个错误提示框并保留弹窗。同时,你可以在取消按钮的回调函数中关闭弹窗。
阅读全文