React中“WebSocket is closed before the connection is established“

在 React 中你需要将它添加到你useEffect的return

js 复制代码
useEffect(() => {
 const socket = new WebSocket(address);


 return () => {
   if (socket.readyState === 1) { // <-- This is important
           socket.close();
      }
   }
}, []);

然而,这不仅仅是最好的解决方案!您需要使用钩子,而不是直接在视图/组件中使用套接字连接,它可以防止多次创建套接字连接。

此外,无论前端是否正在通信,如果套接字连接未使用,后端都应关闭该连接。

相关推荐
知识分享小能手15 小时前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
阿金要当大魔王~~16 小时前
uniapp img 动态渲染 的几种用法
java·服务器·前端·1024程序员节
one.dream16 小时前
用webpack 插件实现 img 图片的懒加载
前端·webpack·node.js
打小就很皮...16 小时前
Steps + Input.TextArea + InfiniteScroll 联调优化
前端·react.js
皓月Code16 小时前
第四章、路由配置
前端·javascript·react.js·1024程序员节
Mr.Jessy17 小时前
JavaScript学习第六天:函数
开发语言·前端·javascript·学习·html·1024程序员节
code_YuJun17 小时前
管理系统——应用初始化 Loading 动画
前端
oak隔壁找我17 小时前
JavaScript 模块化演进历程:问题与解决方案。
前端·javascript·架构
Elieal18 小时前
AJAX 知识
前端·ajax·okhttp
sulikey18 小时前
Qt 入门简洁笔记:从框架概念到开发环境搭建
开发语言·前端·c++·qt·前端框架·visual studio·qt框架