如何将socket.on方法绑定到React功能组件

npm install socket.io-client

import io from 'socket.io-client';

constructor(props) {
  super(props);
  this.state = {
    socket: io('https://your-socket-server-url.com'),
  };
}

handleSocketEvent = (data) => {
  // 处理接收到的socket事件数据
  this.setState({ message: data });
}

// 如果您的socket事件需要传递参数，可以这样定义方法：
// handleSocketEvent = (param1, param2, ...) => {
//   // 处理接收到的socket事件数据和参数
// }

componentDidMount() {
  const { socket } = this.state;
  socket.on('event-name', this.handleSocketEvent);
}

componentWillUnmount() {
  const { socket } = this.state;
  socket.off('event-name', this.handleSocketEvent);
}