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-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() {}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
React.render(
|
|
|
|
<button className="ant-btn" onClick={showConfirm}>
|
|
|
|
确认对话框
|
|
|
|
</button>, document.getElementById('components-modal-demo-confirm-promise'));
|
|
|
|
````
|