javascript - IoSocket を使用してサーバーからメッセージを受信できます - React Native

Question

サーバーからメッセージを取得しようとしていますが、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();
    };
}, []);

Emit 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, "flags": {}, "id": "0sUT4FUBqGgS1zQ9AA0q", "ids": 0, "io": {"_autoConnect": true, "_callbacks": {"$close": [配列], "$error" : [配列], "$open": [配列], "$packet": [配列]}, "_randomizationFactor": 0.5, "_readyState": "open", "_reconnection": true, "_reconnectionAttempts": 無限大, "_reconnectionDelay": 1000、"_reconnectionDelayMax": 5000、"_timeout": 20000、"backoff": {"試行": 0、"係数": 2、"ジッター": 0.5、"max": 5000, "ms": 1000}, "decoder": {"_callbacks": [オブジェクト]}, "encoder": {}, "engine": {"_callbacks": [オブジェクト], "hostname": "#######"、"id": "sQk18-qUveuo49pMAA0p"、"opts": [オブジェクト]、"pingInterval": 25000、"pingTimeout": 5000、"pingTimeoutTimer": 10198、"ポート": "3000"、"prevBufferLen": 0、"readyState": "open"、"secure": true、"transport": [WS]、"transport": [Array]、"upgrades": [Array]、"upgrading ": false, "writeBuffer": [配列]}, "nsps": {"/": [円形]}, "opts": {"ホスト名": "######", "パス": " /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": [[関数 subDestroy], [関数 subDestroy], [関数 subDestroy], [関数 subDestroy]]}sendBuffer": [], "subs": [[関数 subDestroy], [関数 subDestroy], [関数 subDestroy], [関数 subDestroy]]}

事前に感謝