Message提示无反应

采用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是关闭时触发的回调函数。

总结

当接手一个项目时，需要去看项目所需要的技术，以及技术版本，技术版本所对应的写法，有可能版本改变用法未改变，也有可能版本改变，用法也随之改变的情况，因此避免，你后续找不到问题所在而苦恼，还是警惕去瞅一眼~~~