如何使用socket.io制作从Node.js到React的间隔时间的发射列表？

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('A client connected');

  // 发送间隔时间的发射列表给客户端
  setInterval(() => {
    const time = new Date().toLocaleTimeString();
    socket.emit('time', time);
  }, 1000);

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

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

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

const App = () => {
  const [timeList, setTimeList] = useState([]);

  useEffect(() => {
    const socket = io('http://localhost:3000');

    socket.on('time', (time) => {
      setTimeList((prevTimeList) => [...prevTimeList, time]);
    });

    return () => {
      socket.disconnect();
    };
  }, []);

  return (
    <div>
      <h1>间隔时间的发射列表</h1>
      <ul>
        {timeList.map((time, index) => (
          <li key={index}>{time}</li>
        ))}
      </ul>
    </div>
  );
};

export default App;