今天在react项目中引入antd中的message组件，直接调用message.success()没有效果，自己摸索了一下，记录一下解决办法，防止下次再次遇到。

• 首先需要的组件中引入message组件

import { message } from "antd";

• 组件内调用message.useMessage()方法，解构出messageApi和contextHolder

const Login: React.FC = () => {
  
  const [messageApi, contextHolder] = message.useMessage();
//...组件逻辑
  return ()
}

• 在组件return里引入contextHolder

return (
      {contextHolder}
//组件逻辑....
）

• 在需要使用的地方调用messageApi上的方法就行了,这里用的success方法

messageApi.success("登录成功!");