reactjs - 在 React 中连接套接字时出现问题

Question

我编写了自己的聊天钩子来连接套接字。但是在连接到socket之前，就出现了如下图所示的错误。有时会不断弹出并连接以下错误，但有时不会。下面的代码是连接套接字的聊天钩子部分

useEffect(() => {
    console.log("Asd");
    Socket.on("recv_chat", recv_chat);
    Socket.on("alarm", alarm);
    Socket.on("error", error);
    if (localStorage.getItem("connect") == "true") {
      Socket.emit("join_room", { room_token: roomToken });
      return;
    }
    Socket.on("connect", () => {
      Socket.emit("join_room", { room_token: roomToken });
      localStorage.setItem("connect", "true");
    });
    return () => {
      Socket.emit("leave_room", { room_token: roomToken });
      Socket.off("recv_chat", recv_chat);
      Socket.off("alarm", alarm);
      Socket.off("error", error);
    };
  }, []);

点击！查看套接字错误消息

标签： reactjssocketssocket.io