反應時socket.io.on方法被調用然後this.state被undedined

Question

得到錯誤時該方法是使用插座

componentDidMount（）{

var backapi = api.Backend_API(); 
var db = this.state.data; 
console.log("componentDidMount", this.state.data) 
    socket.on('notification', 
    function (notification) { 
    console.log("avi", notification); 
    fetch(backapi + "event/eventname/" + notification.event_id, { 
     method: 'GET', 
    }).then((response) => response.json()) 
     .then((d) => { 
     this.setState({ 
      data: d 
     }) 
     }) 
    fetch(backapi + "user/getUserById/" + notification.created_by, { 
     method: 'GET' 
    }).then((response) => response.json()) 
     .then((data) => { 
     console.log("username socket", data); 
     }) 
    }) 

}

稱爲本地套接字編程

獲取錯誤this.setState未定義使用套接字調用此方法時

Answer 1

傳遞給socket.on('notification', ...)處理函數從d不同的情況下this的值是不同的。因此，你必須使用.bind()運營商或只是路過在arrow function這樣明確的背景下的功能綁定：

socket.on('notification', (notification) => {  
    ... 
});