0

我正在尝试从我的服务器获取消息，我认为我的 react Hooks 缺少一些东西，但我不知道是什么。我与 socketIO 的连接工作正常，并且发出消息功能。

这是我的 UseEffect 代码：

    const socketRef = useRef();

useEffect(() => {
    socketRef.current = io(SERVER_URL, { "query": { "token": user.token } });
    socketRef.current.on("connect", () => {
        console.log(socketRef.current.id);
    });
    console.log(socketRef.current)
    socketRef.current.on("message", (message) => {
        console.log("message received :")
        console.log(message)
    });
    return () => {
        socketRef.current.disconnect();
    };
}, []);

对于发出 IoSocket 函数：

 socketRef.current.emit("message", { "id_rooms": route.params.id_room, "content": "test message de merde" })

我打印 IoSocket 时的日志：

{"_callbacks": {"$connect": [[Function anonymous]], "$message": [[Function anonymous]]}, "acks": {}, "connected": true, "disconnected": false, “标志”：{}，“id”：“0sUT4FUBqGgS1zQ9AA0q”，“ids”：0，“io”：{“_autoConnect”：true，“_callbacks”：{“$close”：[Array]，“$error” ：[Array]，“$open”：[Array]，“$packet”：[Array]}，“_randomizationFactor”：0.5，“_readyState”：“open”，“_reconnection”：true，“_reconnectionAttempts”：无穷大， “_reconnectionDelay”：1000，“_reconnectionDelayMax”：5000，“_timeout”：20000，“退避”：{“尝试”：0，“因子”：2，“抖动”：0.5，“最大”：5000，“毫秒”：1000}，“解码器”：{“_callbacks”：[对象]}，“编码器”：{}，“引擎”：{“_callbacks”：[对象]，“主机名”： “#######”、“id”：“sQk18-qUveuo49pMAA0p”、“opts”：[对象]、“pingInterval”：25000、“pingTimeout”：5000、“pingTimeoutTimer”：10198、“端口”： “3000”，“prevBufferLen”：0，“readyState”：“open”，“secure”：true，“transport”：[WS]，“transports”：[Array]，“upgrades”：[Array]，“升级中": false, "writeBuffer": [Array]}, "nsps": {"/": [Circular]}, "opts": {"hostname": "######", "path": " /socket.io”，“端口”："3000", "query": [Object], "secure": true}, "skipReconnect": false, "subs": [[Function subDestroy], [Function subDestroy], [Function subDestroy], [Function subDestroy], [函数subDestroy]]，“uri”：“############”}，“nsp”：“/”，“receiveBuffer”：[]，“sendBuffer”：[]，“subs ": [[函数 subDestroy], [函数 subDestroy], [函数 subDestroy], [函数 subDestroy]]}sendBuffer": [], "subs": [[Function subDestroy], [Function subDestroy], [Function subDestroy], [Function subDestroy]]}sendBuffer": [], "subs": [[Function subDestroy], [Function subDestroy], [Function subDestroy], [Function subDestroy]]}

提前致谢

4

0 回答 0