--- order: 8 title: zh-CN: 销毁确认对话框 en-US: destroy confirmation modal dialog --- ## zh-CN 使用 `Modal.destroyAll()` 可以销毁弹出的确认窗。通常用于路由监听当中,处理路由前进、后退不能销毁确认对话框的问题。 ## en-US `Modal.destroyAll()` will destroy all confirmation modal dialogs. Usually, you can use it in router change event to destroy confirm modal dialog automatically. ```tsx import React from 'react'; import { Modal, Button } from 'antd'; import { ExclamationCircleOutlined } from '@ant-design/icons'; const { confirm } = Modal; const destroyAll = () => { Modal.destroyAll(); }; const showConfirm = () => { for (let i = 0; i < 3; i += 1) { setTimeout(() => { confirm({ icon: , content: , onOk() { console.log('OK'); }, onCancel() { console.log('Cancel'); }, }); }, i * 500); } }; const App: React.FC = () => ; export default App; ```