Socket.io无法向指定房间发送code值问题求助

我正在开发一个基于ReactJS、NodeJS和Socket.io的项目，目前遇到异常：可以接收到socket的“hi”调试消息，但无法接收“code”消息。其中“hi”用于调试，且已经通过console.log确认目标房间内存在用户。

后端代码 #

socket.on('code_message', (data) => {
    console.log("code got",data)
    console.log(data.cc_pin)
    const usersInRoom = io.sockets.adapter.rooms.get(data.cc_pin);
    console.log("users in room", usersInRoom)
    socket.to(data.cc_pin).emit('code', {code:data.code})
    io.emit('hi',{code:data.code})
})

前端代码 #

useEffect(()=>{
    socket.on('code',(data)=>{
        console.log("code received",data)
    })
    socket.on('hi',(data)=>{
        console.log(data)
        console.log("hello")
    })
},[socket])

Context API代码 #

import { createContext, useContext } from "react";
import { io } from 'socket.io-client'

export const socket = io.connect("http://localhost:5000", { withCredentials: true })
export const socketcontext = createContext()

export function useSocketContext(){
    return useContext(socketcontext)
}

问题排查与修复建议 #

1. 发送者排除问题
   socket.to(data.cc_pin).emit() 不会把消息发送给当前socket自己。如果是同一个客户端发送code_message后期望收到code消息，这个方法就不生效——它默认排除了消息发送者。如果需要给房间内所有人（包括自己）发消息，把后端代码改成：

   io.to(data.cc_pin).emit('code', {code:data.code})
   

2. 客户端房间加入验证
   确认前端已经执行了 socket.join(cc_pin) 操作，只有加入对应房间的客户端才能收到房间定向消息。可以对照后端打印的usersInRoom里的socket ID，检查是否包含当前客户端的socket ID。

3. 关于useRef的疑问
   目前Context里的socket是全局单例，不存在引用丢失的问题，暂时不需要改用useRef。但要注意：组件多次挂载时，useEffect重复绑定socket.on会导致重复监听，建议添加清理函数：

   useEffect(()=>{
       const handleCode = (data) => console.log("code received",data);
       const handleHi = (data) => {
           console.log(data);
           console.log("hello");
       };
       socket.on('code', handleCode);
       socket.on('hi', handleHi);
       // 组件卸载时移除监听
       return () => {
           socket.off('code', handleCode);
           socket.off('hi', handleHi);
       };
   },[socket])
   

内容的提问来源于stack exchange，提问作者Nikhitha Sriram