React，Node.js EvenEmitting在通往socket.io的快速路线上

// 在React组件中引入socket.io-client
import io from 'socket.io-client';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.socket = io('http://your-server-address');
  }

  componentDidMount() {
    this.socket.on('connect', () => {
      console.log('Connected to server');
    });

    this.socket.on('message', (data) => {
      console.log('Received message:', data);
    });
  }

  componentWillUnmount() {
    this.socket.disconnect();
  }

  sendMessage(message) {
    this.socket.emit('message', message);
  }

  render() {
    // 渲染组件
  }
}

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

class MyEmitter extends require('events').EventEmitter {}

const myEmitter = new MyEmitter();

io.on('connection', (socket) => {
  console.log('New client connected');

  socket.on('message', (data) => {
    myEmitter.emit('newMessage', data);
  });

  socket.on('disconnect', () => {
    console.log('Client disconnected');
  });
});

myEmitter.on('newMessage', (data) => {
  console.log('Processing new message:', data);
  // 处理消息逻辑
  io.emit('message', 'Server received: ' + data);
});

server.listen(3000, () => {
  console.log('Server is running on port 3000');
});