这是一个websocket连接封装：

使用方式如下 引入后：

``constws=newWebSocketClient(url,
const ws = new WebSocketClient(url, token);
useEffect(() => {
// 链接websocket
ws.onOpen(() => {
console.log('WebSocket connection opened', new Date());
// do something when the WebSocket connection is opened
setInterval(() => {
ws.onHeartbeat();
}, 3000);
});
// 心跳包

ws.onClose((event) => {
console.log(
WebSocket connection closed with code ${event.code} and reason ${event.reason},
new Date(),
);
// do something when the WebSocket connection is closed
});
ws.onError((event) => {
console.log('WebSocket error:', event, new Date());
// do something when there is a WebSocket error
});
ws.onMessage((res) => {
console.log('WebSocket message received:', res.data);
// sendSocketMessage(msg)
});

ws.connect(); // connect to the WebSocket server

return () => {
ws.disconnect(); // disconnect from the WebSocket server
};
}, []);
``