AntdPro 实时消息弹窗，仅弹一个弹窗，且为实时最新的一条

需求如下图：

需求描述： 实时消息弹窗，多条消息仅弹一个弹窗，且为最新的一条

思路：

1.用websocket进行实时推流
2.对于前端，因为消息提醒不分页面，所以写在全局，放在layout中
3.将当前这条消息的相关信息储存在缓存里或者 global的model中（实时更新头部消息的条数）

实现：

websocket可以直接在网上查找现成以包装好的js
这里只实现 仅弹一个弹窗，且为实时最新的一条功能

代码如下：

 createWebSocket(url);
    if (userName !== '' && websocket) {
   
      websocket.onmessage = (response) => {
   
        if (response && response.data) {
   
          const data = JSON.parse(response.data);
          const currentMSgId = localStorage.getItem('currentMSgId');
          if (data.message.number >