如何在多个组件中基于不同的事件类型(通道)拥有单个Socket.IO连接和多个流式更新RTKQ？

import { io } from 'socket.io-client';

const socket = io('http://your-socket-server-url');

import { Provider } from 'react-redux';
import { SocketIOProvider } from '@rtk/socket.io';

import { store } from './store';
import { socket } from './socket'; // 上面创建的Socket.IO连接

ReactDOM.render(
  <Provider store={store}>
    <SocketIOProvider socket={socket}>
      <App />
    </SocketIOProvider>
  </Provider>,
  document.getElementById('root')
);

import { useSubscription } from '@rtk/socket.io';

const Component1 = () => {
  const { data: eventData1 } = useSubscription('event1');

  // 处理event1的数据更新
  // ...

  return (
    // 组件1的内容
  );
};

const Component2 = () => {
  const { data: eventData2 } = useSubscription('event2');

  // 处理event2的数据更新
  // ...

  return (
    // 组件2的内容
  );
};

const http = require('http');
const express = require('express');
const { Server } = require('socket.io');

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

io.on('connection', (socket) => {
  // 监听event1事件
  socket.on('event1', (data) => {
    // 处理event1的逻辑
    // ...

    // 向客户端发送更新
    socket.emit('event1', updatedData);
  });

  // 监听event2事件
  socket.on('event2', (data) => {
    // 处理event2的逻辑
    // ...

    // 向客户端发送更新
    socket.emit('event2', updatedData);
  });
});

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