在使用Ant Design的Modal.confirm方法时,可以使用async/await结合Promise来等待请求完成后再关闭弹窗。

首先,将Modal.confirm方法封装成一个Promise,以便能够在需要等待请求完成后再关闭弹窗的地方使用。

const confirm = () => {
  return new Promise((resolve, reject) => {
    Modal.confirm({
      title: 'Confirmation',
      content: 'Are you sure?',
      onOk: resolve,
      onCancel: reject,
    });
  });
};

然后,在需要等待请求完成后再关闭弹窗的地方,使用async/await来等待Promise的结果。

const handleButtonClick = async () => {
  try {
    await confirm();
    // 请求完成后的操作
  } catch (error) {
    // 取消操作
  }
};

在上面的例子中,当点击按钮时,会弹出一个确认弹窗,如果点击确定按钮,会等待Promise的resolve被调用,即等待请求完成后再执行请求完成后的操作。如果点击取消按钮,会等待Promise的reject被调用,即执行取消操作。

这样就可以在请求完成后再关闭弹窗了

antd modalconfrim如何等待请求完成后不关闭弹窗

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

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