在 React 中，如何将“this.state”作为参数传递给“socket.on”回调函数？

Posted 2023-02-16

【中文标题】在 React 中，如何将“this.state”作为参数传递给“socket.on”回调函数？

【英文标题】：In React, how to pass "this.state" as parameter to "socket.on" callback function?

【发布时间】：2020-07-18 16:07:43

【问题描述】：

我正在使用 Socket.io 和 React，并且我有一个函数：

    this.state.socket.on("newMentions", function (data) 
      this.setState(         // Cannot read "this" here.
        newMentions: data
      )
    )

socket 存储在此类组件的state 中，我想定义它的on 事件，它应该使用this.setState 为状态设置一些新日期。

但是this.setState 无法访问，我想我需要将它作为参数传递给socket.on 函数。但是该怎么做呢？

提前致谢！

【参考方案1】：

您可以使用 ES6 箭头函数来访问词法上下文

 this.state.socket.on("newMentions",(data)=> 
      this.setState(        
        newMentions: data
      )
    )