react使用socket.io-client怎么写

以下是一个简单的React组件，使用socket.io-client连接到服务器并监听事件的例子：

import React, { Component } from 'react';
import io from 'socket.io-client';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      message: ''
    };
  }

  componentDidMount() {
    // 连接到服务器
    this.socket = io('http://localhost:3000');

    // 监听 'message' 事件
    this.socket.on('message', (data) => {
      this.setState({ message: data });
    });
  }

  componentWillUnmount() {
    // 断开连接
    this.socket.disconnect();
  }

  render() {
    return (
      <div>
        <p>{this.state.message}</p>
      </div>
    );
  }
}

export default MyComponent;

在上面的例子中，当组件挂载时，我们使用`io()`函数连接到服务器。然后，我们使用`on()`函数监听服务器发送的`message`事件，并在事件触发时更新组件的状态。最后，在组件卸载时，我们使用`disconnect()`函数断开与服务器的连接。