如何避免不是功能錯誤？

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