ant-design/components/notification/demo/update.md

42 lines
673 B
Markdown
Raw Normal View History

2018-05-04 18:15:28 +08:00
---
order: 7
title:
zh-CN: 更新消息内容
en-US: Update Message Content
---
## zh-CN
可以通过唯一的 key 来更新内容。
## en-US
Update content with unique key.
2019-05-07 14:57:32 +08:00
```jsx
2018-05-04 18:15:28 +08:00
import { Button, notification } from 'antd';
const key = 'updatable';
const openNotification = () => {
notification.open({
key,
message: 'Notification Title',
description: 'description.',
});
setTimeout(() => {
notification.open({
key,
message: 'New Title',
description: 'New description.',
});
}, 1000);
};
export default () => (
2019-05-07 14:57:32 +08:00
<Button type="primary" onClick={openNotification}>
Open the notification box
</Button>
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```