在类外部调用函数与在类内调用函数有什么区别

Question

在客户端遇到一些意外的功能。我有两个客户在一个 socket.io 房间里。它们已成功加入，如我的服务器控制台日志所示。客户端，事件发送成功，服务器接收成功。服务器正在向房间中的两个客户端、发送方和其他客户端发送事件。只有发送客户端会收到第一次尝试。在上述半失败尝试之后，如果另一个客户端尝试相同的套接字发射，则服务器成功发送到两个客户端。.emit()和.on()位于组件函数中。

有趣的是，如果服务器事件的.on()放在类之外，则第一次一切正常。

元件：

import stuff
const socket = io("http://172.**.**.***:3000");
// example '.on()' that works correctly
socket.on("test", () => {
  alert("response from outside component");
});
export default class Lobby extends React.Component {
  constructor() { }
  onTest(socket) {
    alert("outgoing alert");
    socket.emit("test", {
      room: this.state.room
    });
    // '.on()' that doesn't work correctly
    socket.on("test", () => {
      alert("incoming client alert")
    });
  }
  render() {
    <View>
      <TouchableOpacity onPress={() => this.onTest(socket)}>
        <Text>Press me </Text>
      </TouchableOpacity>
    </View> 
  }

服务器事件：

io.on("connection", socket => {
  console.log("user connected with socket id:" + socket.id);
  socket.on("test", test => {
    console.log(received from client, emitting to room #:" + test.room);
    io.to(test.room).emit("test");
  });
}

Answer 1

尚未

发送任何内容的客户端的原因，尚未调用omTest，因此未执行socket.on("test", ...)并且未添加处理程序，因此没有人处理传入的消息，看起来好像它没有到达。设置套接字时，应始终直接附加处理程序。