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
|
|
|
|
|
title: 确认对话框
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭
|
|
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
|
import { Modal, Button } from 'antd';
|
|
|
|
|
const confirm = Modal.confirm;
|
|
|
|
|
|
|
|
|
|
function showConfirm() {
|
|
|
|
|
confirm({
|
|
|
|
|
title: '您是否确认要删除这项内容',
|
|
|
|
|
content: '点确认 1 秒后关闭',
|
|
|
|
|
onOk() {
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
setTimeout(resolve, 1000);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
onCancel() {},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ReactDOM.render(
|
|
|
|
|
<Button onClick={showConfirm}>
|
|
|
|
|
确认对话框
|
|
|
|
|
</Button>
|
|
|
|
|
, mountNode);
|
|
|
|
|
````
|
