使用WebSocket接收消息时如何更改componentDidMount（）内部的状态？

Question

I'm recieving a websocket message. I want to change the state of my component with this message. When I try to do this, I get an error. How do I solve this?

componentDidMount() {

    this.wsConnection.onmessage = function (eventInfo) {

        console.log("Message arrived from websocket: ", eventInfo.data);
        this.setState({team: eventInfo.data});
    };
}

My error:

TypeError: this.setState is not a function

Answer 1

Can you try the following code

this.wsConnection.onmessage = (eventInfo) => {

    console.log("Message arrived from websocket: ", eventInfo.data);
    this.setState({team: eventInfo.data});
};