You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# 确认对话框
|
|
|
|
|
|
|
|
|
|
- order: 5
|
|
|
|
|
|
|
|
|
|
使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
|
import { Modal, Button } from 'antd';
|
|
|
|
|
const confirm = Modal.confirm;
|
|
|
|
|
|
|
|
|
|
function showConfirm(){
|
|
|
|
|
confirm({
|
|
|
|
|
title: '您是否确认要删除这项内容',
|
|
|
|
|
content: '点确认 1 秒后关闭',
|
|
|
|
|
onOk: function() {
|
|
|
|
|
return new Promise(function(resolve) {
|
|
|
|
|
setTimeout(resolve, 1000);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
onCancel: function() {}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ReactDOM.render(
|
|
|
|
|
<Button onClick={showConfirm}>
|
|
|
|
|
确认对话框
|
|
|
|
|
</Button>, document.getElementById('components-modal-demo-confirm-promise'));
|
|
|
|
|
````
|
