为什么react Js使用socket.io从服务器接收多个答案？

发布于 2025-02-07 21:26:23 字数 561 浏览 0 评论 0原文

当将事件发布到WebSocket服务器时，服务器一次接收事件并发送响应，但是客户端多次接收事件：结果预期收到的结果客户端：

client.emit("test", {
  room: props.room,
});
client.on("testResponse", () => {
  console.log("test response app");
});

服务器端：

 socket.on("test", (data: { room: string }) => {
console.log("test");
io.in(data.room).emit("testResponse", {});
});

原文

When emit a event to the websocket server, the server receive the event once and send a response, but the client receive the event multiple time:
result expected
result received
client side:

client.emit("test", {
  room: props.room,
});
client.on("testResponse", () => {
  console.log("test response app");
});

server side :

 socket.on("test", (data: { room: string }) => {
console.log("test");
io.in(data.room).emit("testResponse", {});
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

荭秂 2025-02-14 21:26:23

更新：
在客户端，我必须将socket.on放在组件的使用效率中，然后在使用效果的返回中添加socket.off。

 useEffect(() => {
socket.on("testResponse", () => {
  console.log("test response app");
});


 return () => {
      socket.off("testResponse");
    };

});

UPDATE:
on the client side I got to put the socket.on('response,()=>{...}) in the UseEffect of the component and add a socket.off in the return of the useEffect

 useEffect(() => {
socket.on("testResponse", () => {
  console.log("test response app");
});


 return () => {
      socket.off("testResponse");
    };

});

回复收藏 0 原文

~没有更多了~