mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 13:18:04 +08:00
34 lines
682 B
Markdown
34 lines
682 B
Markdown
---
|
||
order: 0
|
||
title:
|
||
zh-CN: 基本
|
||
en-US: Basic
|
||
---
|
||
|
||
## zh-CN
|
||
|
||
最简单的用法，4.5 秒后自动关闭。
|
||
|
||
## en-US
|
||
|
||
The simplest usage that close the notification box after 4.5s.
|
||
|
||
````jsx
|
||
import { Button, notification } from 'antd';
|
||
|
||
const openNotification = () => {
|
||
notification.open({
|
||
message: 'Notification Title',
|
||
description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
|
||
onClick: () => {
|
||
console.log('Notification Clicked!');
|
||
},
|
||
});
|
||
};
|
||
|
||
ReactDOM.render(
|
||
<Button type="primary" onClick={openNotification}>Open the notification box</Button>,
|
||
mountNode
|
||
);
|
||
````
|