2015-06-25 15:29:56 +08:00
|
|
|
# 确认对话框
|
|
|
|
|
|
|
|
- order: 5
|
|
|
|
|
|
|
|
使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
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
|
|
|
|
2016-01-07 16:29:12 +08:00
|
|
|
function showConfirm() {
|
2015-06-25 15:29:56 +08:00
|
|
|
confirm({
|
|
|
|
title: '您是否确认要删除这项内容',
|
2015-11-25 17:35:49 +08:00
|
|
|
content: '点确认 1 秒后关闭',
|
2016-01-23 15:22:16 +08:00
|
|
|
onOk() {
|
|
|
|
return new Promise((resolve) => {
|
2015-08-18 11:46:07 +08:00
|
|
|
setTimeout(resolve, 1000);
|
2015-06-25 15:29:56 +08:00
|
|
|
});
|
|
|
|
},
|
2016-01-23 15:22:16 +08:00
|
|
|
onCancel() {}
|
2015-06-25 15:29:56 +08:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
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-12-29 12:08:58 +08:00
|
|
|
</Button>, mountNode);
|
2015-06-25 15:29:56 +08:00
|
|
|
````
|