mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-17 15:40:53 +08:00
34299b39ea
* docs(message): use message hooks api * docs(message): 保留一个静态方法调用 * docs: move docs demo order
41 lines
721 B
Markdown
41 lines
721 B
Markdown
---
|
|
order: 2
|
|
title:
|
|
zh-CN: 修改延时
|
|
en-US: Customize duration
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
自定义时长 `10s`，默认时长为 `3s`。
|
|
|
|
## en-US
|
|
|
|
Customize message display duration from default `3s` to `10s`.
|
|
|
|
```tsx
|
|
import { Button, message } from 'antd';
|
|
import React from 'react';
|
|
|
|
const App: React.FC = () => {
|
|
const [messageApi, contextHolder] = message.useMessage();
|
|
|
|
const success = () => {
|
|
messageApi.open({
|
|
type: 'success',
|
|
content: 'This is a prompt message for success, and it will disappear in 10 seconds',
|
|
duration: 10,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Button onClick={success}>Customized display duration</Button>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|
|
```
|