mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
38 lines
741 B
Markdown
38 lines
741 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.
|
||
|
||
```tsx
|
||
import { Button, notification } from 'antd';
|
||
import React from 'react';
|
||
|
||
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!');
|
||
},
|
||
});
|
||
};
|
||
const App: React.FC = () => (
|
||
<Button type="primary" onClick={openNotification}>
|
||
Open the notification box
|
||
</Button>
|
||
);
|
||
|
||
export default App;
|
||
```
|