webSocket.send() 没有在 react js 中执行？

Posted 2023-02-16

【中文标题】webSocket.send() 没有在 react js 中执行？

【英文标题】：webSocket.send() is not executed in react js?

【发布时间】：2021-10-05 09:45:56

【问题描述】：

我在 reactjs 中使用 WebSocket，但是 WebSocket.send 没有在 onClick 事件上执行。 这里我创建了 WebSocket

 const ws = new WebSocket("ws://192.168.18.112:8000/ws/notification/");

连接到 WebSocket

 ws.onopen = (e) => 
    console.log("connect");
  ;

这是我的 onClick 函数

  const sendNotification = (e) => 
    console.log("click");
    if (ws.readyState === WebSocket.OPEN && message !== "") 
      ws.send("message");
      console.log("Sending message"); // this console is execute
     else if (ws.readyState === WebSocket.CONNECTING) 
      ws.addEventListener("open", () => sendNotification());
      console.log("Connecting state");
      console.log("Not Send");
     else 
      console.log("nothing happen");
    
  ;

所以这是我的问题，我无法在我的代码中找到错误或问题。

【问题讨论】：

你能发布控制台输出吗？

是的，首先连接 ws，然后在函数中随机调用所有条件，但代码行 ``` ws.send("message")`` 被跳过或不执行。

更改 console.log(‘click’) 以同时记录 we.readyState 和 message。这可能会给你一些关于原因的线索。

'sending message' 控制台也被打印出来了

【参考方案1】：

试试这个 W3CWebSocket。另外，我认为在 ws/notification 仔细检查您的终点是否正确后，通知后没有“/”。

mport React,  Component  from 'react';
import  w3cwebsocket as W3CWebSocket  from "websocket";

const client = new W3CWebSocket('ws://192.168.18.112:8000/ws/notification/');

class App extends Component 
  componentWillMount() 
    client.onopen = () => 
      console.log('WebSocket Client Connected');
    ;
    client.onmessage = (message) => 
      console.log(message);
    ;
  
  
  render() 
    return (
      <div>
        Practical Intro To WebSockets.
      </div>
    );
  


export default App;

【讨论】：

我也尝试过这种方法。但不幸的是它也不起作用