--- order: 3 title: zh-CN: 确认对话框 en-US: Confirmation modal dialog --- ## zh-CN 使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭。 ## en-US Use `confirm()` to show a confirmation modal dialog. Let onCancel/onOk function return a promise object to delay closing the dialog. ```tsx import { ExclamationCircleFilled } from '@ant-design/icons'; import { Button, Modal, Space } from 'antd'; import React from 'react'; const { confirm } = Modal; const showConfirm = () => { confirm({ title: 'Do you Want to delete these items?', icon: , content: 'Some descriptions', onOk() { console.log('OK'); }, onCancel() { console.log('Cancel'); }, }); }; const showPromiseConfirm = () => { confirm({ title: 'Do you want to delete these items?', icon: , content: 'When clicked the OK button, this dialog will be closed after 1 second', onOk() { return new Promise((resolve, reject) => { setTimeout(Math.random() > 0.5 ? resolve : reject, 1000); }).catch(() => console.log('Oops errors!')); }, onCancel() {}, }); }; const showDeleteConfirm = () => { confirm({ title: 'Are you sure delete this task?', icon: , content: 'Some descriptions', okText: 'Yes', okType: 'danger', cancelText: 'No', onOk() { console.log('OK'); }, onCancel() { console.log('Cancel'); }, }); }; const showPropsConfirm = () => { confirm({ title: 'Are you sure delete this task?', icon: , content: 'Some descriptions', okText: 'Yes', okType: 'danger', okButtonProps: { disabled: true, }, cancelText: 'No', onOk() { console.log('OK'); }, onCancel() { console.log('Cancel'); }, }); }; const App: React.FC = () => ( ); export default App; ```