ant-design/components/modal/demo/confirm-promise.md

31 lines
583 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 5
title: 确认对话框
---
2015-06-25 15:29:56 +08:00
使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭
````jsx
import { Modal, Button } from 'antd';
2015-11-25 16:17:58 +08:00
const confirm = Modal.confirm;
2015-06-25 15:29:56 +08:00
function showConfirm() {
2015-06-25 15:29:56 +08:00
confirm({
title: '您是否确认要删除这项内容',
content: '点确认 1 秒后关闭',
onOk() {
return new Promise((resolve) => {
setTimeout(resolve, 1000);
2015-06-25 15:29:56 +08:00
});
},
2016-05-11 09:32:33 +08:00
onCancel() {},
2015-06-25 15:29:56 +08:00
});
}
2015-10-20 16:47:55 +08:00
ReactDOM.render(
<Button onClick={showConfirm}>
确认对话框
</Button>
, mountNode);
2015-06-25 15:29:56 +08:00
````