采用message.success('提示信息')
博主使用的是antd5.19.0 使用上述方法之后,在两个相互使用了该方法的界面进行跳转。跳转之后,对数据进行操作请求成功之后却没有提示。
(function getTreeData() {
// 请求
message.success(message)
})()
让人无法理解这是为什么,于是去查看了antd5.19.0的官方文档发现,该版本才用了message的useMessage(),尝试使用该方法
import React from 'react';
import { Button, message } from 'antd';
const App: React.FC = () => {
const [messageApi, contextHolder] = message.useMessage();
const info = () => {
messageApi.info('Hello, Ant Design!');
};
return (
<>
{contextHolder}
<Button type="primary" onClick={info}>
Display normal message
</Button>
</>
);
};
以上是antd官方文档中的示例。运行后发现,确实能够解决需求。当时博主只传递了一个content,按照官方所说,使用方法如下
message.success(content, [duration], onClose)
message.error(content, [duration], onClose)
message.info(content, [duration], onClose)
message.warning(content, [duration], onClose)
message.loading(content, [duration], onClose)
content是内容,[duration]是自动关闭的延时,单位秒。设为 0 时不自动关闭 onClose是关闭时触发的回调函数。
总结
当接手一个项目时,需要去看项目所需要的技术,以及技术版本,技术版本所对应的写法,有可能版本改变用法未改变,也有可能版本改变,用法也随之改变的情况,因此避免,你后续找不到问题所在而苦恼,还是警惕去瞅一眼~~~
标签:const,提示,onClose,content,反应,版本,duration,Message,message From: https://blog.csdn.net/link_two/article/details/140484445