在react中使用Socket-Io

npm install socket.io-client

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

const socket = io('http://localhost:3000'); // 替换为实际的服务器地址

const MyComponent = () => {
  useEffect(() => {
    // 在组件挂载时建立连接
    socket.connect();

    // 监听服务器发送的消息
    socket.on('message', (data) => {
      console.log('Received message:', data);
    });

    return () => {
      // 在组件卸载时断开连接
      socket.disconnect();
    };
  }, []);

  const sendMessage = () => {
    // 发送消息到服务器
    socket.emit('message', 'Hello Socket.IO!');
  };

  return (
    <div>
      <button onClick={sendMessage}>Send Message</button>
    </div>
  );
};

export default MyComponent;