mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-19 11:58:41 +08:00
30 lines
608 B
Markdown
30 lines
608 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.',
|
||
});
|
||
};
|
||
|
||
ReactDOM.render(
|
||
<Button type="primary" onClick={openNotification}>Open the notification box</Button>
|
||
, mountNode);
|
||
````
|