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

32 lines
656 B
Markdown
Raw Normal View History

2015-06-25 15:29:56 +08:00
# 确认对话框
- order: 5
使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭
---
````jsx
2015-09-07 11:48:57 +08:00
var confirm = antd.Modal.confirm;
var Button = antd.Button;
2015-06-25 15:29:56 +08:00
function showConfirm(){
confirm({
title: '您是否确认要删除这项内容',
content: '一些解释',
onOk: function() {
alert('1 秒后关闭');
return new Promise(function(resolve) {
setTimeout(resolve, 1000);
2015-06-25 15:29:56 +08:00
});
},
onCancel: function() {}
});
}
React.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
````