mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
6776bb8916
* docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo
847 B
847 B
| order | title | ||||
|---|---|---|---|---|---|
| 7 |
|
zh-CN
手动更新和关闭 Modal.method 方式创建的对话框。
en-US
Manually updating and destroying a modal from Modal.method.
import { Modal, Button } from 'antd';
function countDown() {
let secondsToGo = 5;
const modal = Modal.success({
title: 'This is a notification message',
content: `This modal will be destroyed after ${secondsToGo} second.`,
});
const timer = setInterval(() => {
secondsToGo -= 1;
modal.update({
content: `This modal will be destroyed after ${secondsToGo} second.`,
});
}, 1000);
setTimeout(() => {
clearInterval(timer);
modal.destroy();
}, secondsToGo * 1000);
}
export default () => <Button onClick={countDown}>Open modal to close in 5s</Button>;