在使用 Ant Design 的 Modal.confirm 方法时,可以使用 async/await 结合 Promise 来等待请求完成后再关闭弹窗。\n\n首先,将 Modal.confirm 方法封装成一个 Promise,以便能够在需要等待请求完成后再关闭弹窗的地方使用。\n\njavascript\nconst confirm = () => {\n return new Promise((resolve, reject) => {\n Modal.confirm({\n title: 'Confirmation',\n content: 'Are you sure?',\n onOk: resolve,\n onCancel: reject,\n });\n });\n};\n\n\n然后,在需要等待请求完成后再关闭弹窗的地方,使用 async/await 来等待 Promise 的结果。\n\njavascript\nconst handleButtonClick = async () => {\n try {\n await confirm();\n // 请求完成后的操作\n } catch (error) {\n // 取消操作\n }\n};\n\n\n在上面的例子中,当点击按钮时,会弹出一个确认弹窗,如果点击确定按钮,会等待 Promise 的 resolve 被调用,即等待请求完成后再执行请求完成后的操作。如果点击取消按钮,会等待 Promise 的 reject 被调用,即执行取消操作。\n\n这样就可以在请求完成后再关闭弹窗了。

Ant Design Modal.confirm 等待请求完成再关闭弹窗 - 使用 async/await 和 Promise

原文地址: https://www.cveoy.top/t/topic/p3mv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录