如何避免不是功能错误？

Question

我在ES6模式下的reactJs应用程序中使用了switch语句。我有这样的说法：

switch (hoera) { 
     case 'one': 
      return this.runThis(); 
      break; 
     default: 
} 

runThis(something) 
{ 
     .. 
} 

的chromeconsole错误是：

TypeError: this.runThis is not a function 

所以runThis是我的组件上定义的方法。似乎在switchstatement以外的工作，虽然。

Answer 1

'this'不包含您的函数中包含switch语句的函数。

您可以在构造函数中添加this.myFunction = this.myFunction.bind(this)其中myFunction是包含switch语句的函数。

这里有更多的方式来处理this的反应中的好文章：https://medium.com/@housecor/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56#.gdmm0mob8

这里是一些文档约bind：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind