绑定套接字扩展反应组件

Question

我有一个反应中的App类

class App extends Component

并在componentWillMount()我已初始化套接字this.socket = io();。 现在如果我在componentWillMount之外的另一个函数中使用套接字我收到一个错误，例如anotherfunction(){ this.socket.emit('welc_message','hello'); }

我收到了

  

未捕获的TypeError：无法读取属性＆＃39; emit＆＃39;未定义的

Answer 1

解决方案是在构造函数部分我们绑定另一个函数的上下文，所以我们通过this.anotherfunction = this.anotherfunction.bind(this)来做 以下是整个App文件夹的显示方式App.js