mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-11 10:05:07 +08:00
ad347a98e2
After destroying need to clear interval
863 B
863 B
order | title | ||||
---|---|---|---|---|---|
7 |
|
zh-CN
手动更新和关闭 Modal.method
方式创建的对话框。
en-US
Manually updateing 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);
}
ReactDOM.render(
<Button onClick={countDown}>Open modal to close in 5s</Button>,
mountNode
);