mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 15:59:38 +08:00
37 lines
695 B
Markdown
37 lines
695 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,
|
||
);
|
||
```
|