mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 17:09:46 +08:00
1d09d6fe0c
* docs: modify the part demo to hooks * docs: modify the part demo to hooks
867 B
867 B
order | title | ||||
---|---|---|---|---|---|
7 |
|
zh-CN
可以通过唯一的 key 来更新内容。
en-US
Update content with unique key.
import { Button, notification } from 'antd';
import React from 'react';
const key = 'updatable';
const App: React.FC = () => {
const [api, contextHolder] = notification.useNotification();
const openNotification = () => {
api.open({
key,
message: 'Notification Title',
description: 'description.',
});
setTimeout(() => {
api.open({
key,
message: 'New Title',
description: 'New description.',
});
}, 1000);
};
return (
<>
{contextHolder}
<Button type="primary" onClick={openNotification}>
Open the notification box
</Button>
</>
);
};
export default App;