在 websocket 或 socket.io-client 中不会调用 socket.onopen() 方法

Question

如 react native 官方文档中所述，我已尝试将 socket.io-client 用于 react native 和 websockets。以下代码不会引发错误，但也不会显示后端日志中的任何变化。

const socket = new WebSocket('http://5aa3657a.ngrok.io/');
console.log(socket);
socket.onopen = () => {
  console.log('sending');
  socket.send('checkInDetected', 'hello');
}

和

import SocketIOClient from 'socket.io-client/dist/socket.io.js';
this.socket = SocketIOClient('http://5aa3657a.ngrok.io/', { transports: ['websocket'] });
this.socket.emit('helloIeacon', 'yu');

Answer 1

我现在正在构建一个 RN 应用程序，并在其中使用 Socket.io。以下是我们如何在应用中实现它的方式。

像这样在组件的构造函数中启动socket，并在构造函数中管理socket。

 constructor(props) {
    super(props);

    this.socket = SocketIOClient(<backend url>);

    this.socket.emit('senddata', { userid:1, userName: 'john'});

    this.socket.on('questions', (Questiondata) => {
      cw(Questiondata)
    });
}

Socket 现在完全在组件内部可用，您可以在任何地方使用this.socket 访问它