使用React和Node.js的Socket.io

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 模拟数据获取
    setTimeout(() => {
      setData([1, 2, 3]);
    }, 1000);
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item}>{item}</div>
      ))}
    </div>
  );
};

export default MyComponent;

const http = require('http');
const server = http.createServer((req, res) => {
  // 处理请求
  res.end('Hello World');
});

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

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);

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

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

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