React中的Socket.io在一次之后不会侦听

npm install socket.io-client

import React, { useEffect } from 'react';
import io from 'socket.io-client';

const MyComponent = () => {
  useEffect(() => {
    const socket = io('http://your-server-url'); // 替换为实际的服务器URL

    // 处理连接成功的事件
    socket.on('connect', () => {
      console.log('Connected to server');
    });

    // 处理接收到的消息
    socket.on('message', (data) => {
      console.log('Received message:', data);
    });

    // 处理连接关闭的事件
    socket.on('disconnect', () => {
      console.log('Disconnected from server');
    });

    // 在组件卸载时关闭Socket.io连接
    return () => {
      socket.disconnect();
    };
  }, []);

  return <div>React Component</div>;
};

export default MyComponent;