ReactJS websocket onmessage事件未更新状态

Question

我在reactjs应用程序中调用了一个webiste端点，它的运行非常好，并且我在websocket中获得了想要的预期数据

但是问题是，它没有更新状态数据。

这是我的代码：

class Trade extends Component {
 constructor(props) {
  super(props)
  this.state = {
    visitorCount: 0,
  };
  this.connectSocket = this.connectSocket.bind(this)
 }


  connectSocket() {
    var socket = new WebSocket('ws://localhost:8000/ws/trader/');
    socket.onmessage = function(response) {
      this.setState({visitorCount: JSON.parse(response.data).count});
    }

  }

  componentDidMount() {
    this.connectSocket();
  }


  render() {
    return (
      <React.Fragment>
        <h1>Hello Wrold</h1>
      </React.Fragment>
    );
  }
}


export default Trade;

未定义setSate之类的代码触发错误，我没有得到可能的问题以及如何解决此问题。

有人可以帮我吗？

Thaks