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

31 lines
649 B
Markdown
Raw Normal View History

2015-06-25 15:29:56 +08:00
# 确认对话框
- order: 5
使用 `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(){
confirm({
title: '您是否确认要删除这项内容',
content: '点确认 1 秒后关闭',
2015-06-25 15:29:56 +08:00
onOk: function() {
return new Promise(function(resolve) {
setTimeout(resolve, 1000);
2015-06-25 15:29:56 +08:00
});
},
onCancel: function() {}
});
}
2015-10-20 16:47:55 +08:00
ReactDOM.render(
<Button onClick={showConfirm}>
2015-06-25 15:29:56 +08:00
确认对话框
</Button>, document.getElementById('components-modal-demo-confirm-promise'));
2015-06-25 15:29:56 +08:00
````