Socket.io 客户端两次连接到服务器，并立即断开连接（反应）

大佬教程收集整理的这篇文章主要介绍了Socket.io 客户端两次连接到服务器，并立即断开连接（反应），大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Socket.io 客户端两次连接到服务器，并立即断开连接（反应）？

开发过程中遇到Socket.io 客户端两次连接到服务器，并立即断开连接（反应）的问题如何解决？下面主要结合日常开发的经验，给出你关于Socket.io 客户端两次连接到服务器，并立即断开连接（反应）的解决方法建议，希望对你解决Socket.io 客户端两次连接到服务器，并立即断开连接（反应）有所启发或帮助；

我目前正在编写一个带有 react 的餐厅订单跟踪应用。我打算使用 websockets 进行 2 路通信，因此所有连接的设备都可以共享相同的订单状态，并相互更新。我用 react 写前端，用 express 写后端。

在 App.Jsx 中：

import "./App.CSS";
import React from "react";
import button from "react-bootstrap/button";

import { io } from "socket.io-clIEnt";

export default class App extends React.Component {
  componentDIDMount() {
    this.socket = io("127.0.0.1:3001",{
      transports: ["websocket"],autoConnect: true,});
    this.socket.on("connect",() => {
      console.log("connected");
    });

    this.socket.on("close",() => {
      console.log("disconnected");
    });

    this.socket.io.open((err) => {
      console.log("opened");
    });
    console.log(this.socket.connected);
  }

  render() {
    return <button onClick={() => console.log(this.socket)}>Click me!</button>;
  }
}

在 index.Js 中：

const io = require("socket.io")({ transports: ["websocket"] });
io.attach(3001);

let orders = {};
io.on("connection",(socket) => {
  console.log("New clIEnt connected");
  socket.on("connect_error",(err) => {
    console.log(`connect_error due to ${err.messagE}`);
  });
  socket.on("disconnect",() => {
    console.log("disconnected");
  });
});

每次刷新页面，节点控制台输出

New clIEnt connected
New clIEnt connected
disconnected

但是当我点击 React 应用中的按钮时，this.socket.connected 是 false。

我不知道为什么它连接了两次，或者为什么 this.socket.connected 总是错误的。

感谢任何帮助， 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的Socket.io 客户端两次连接到服务器，并立即断开连接（反应）全部内容，希望文章能够帮你解决Socket.io 客户端两次连接到服务器，并立即断开连接（反应）所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。