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;
|
2015-10-08 15:13:04 +08:00
|
|
|
var Button = antd.Button;
|
2015-06-25 15:29:56 +08:00
|
|
|
|
|
|
|
function showConfirm(){
|
|
|
|
confirm({
|
|
|
|
title: '您是否确认要删除这项内容',
|
|
|
|
content: '一些解释',
|
|
|
|
onOk: function() {
|
|
|
|
alert('1 秒后关闭');
|
2015-08-18 11:46:07 +08:00
|
|
|
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(
|
2015-10-08 15:13:04 +08:00
|
|
|
<Button onClick={showConfirm}>
|
2015-06-25 15:29:56 +08:00
|
|
|
确认对话框
|
2015-10-08 15:13:04 +08:00
|
|
|
</Button>, document.getElementById('components-modal-demo-confirm-promise'));
|
2015-06-25 15:29:56 +08:00
|
|
|
````
|