Ant Design Modal Confirm: 等待请求完成再关闭按钮 - 使用 async/await 实现

{"title":"Ant Design Modal Confirm: 等待请求完成再关闭按钮 - 使用 async/await 实现","description":"使用 Ant Design Modal.confirm 实现等待请求完成再关闭按钮的功能，利用 async/await 关键字进行异步操作，避免请求未完成就关闭弹窗。","keywords":"antd, modal, confirm, async/await, 异步操作, 请求, 关闭按钮, javascript","content":"import { Modal } from 'antd';\n\nconst confirm = Modal.confirm;\n\nconst handleConfirm = async () => {\n try {\n const result = await confirm({\n title: '确认关闭',\n content: '是否关闭按钮？',\n okText: '确认',\n cancelText: '取消',\n });\n \n if (result) {\n // 发送请求\n await sendRequest();\n \n // 请求完成后关闭按钮\n closeModal();\n }\n } catch (error) {\n console.log(error);\n }\n};\n\nconst sendRequest = () => {\n // 发送请求的逻辑\n return new Promise((resolve, reject) => {\n // 模拟请求完成\n setTimeout(() => {\n resolve();\n }, 2000);\n });\n};\n\nconst closeModal = () => {\n // 关闭按钮的逻辑\n};\n\nhandleConfirm();"}