mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 17:09:46 +08:00
34299b39ea
* docs(message): use message hooks api * docs(message): 保留一个静态方法调用 * docs: move docs demo order
721 B
721 B
order | title | ||||
---|---|---|---|---|---|
2 |
|
zh-CN
自定义时长 10s
,默认时长为 3s
。
en-US
Customize message display duration from default 3s
to 10s
.
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;