無法讀取綁定的屬性這是沒有在響應中定義

Question

如果您在jsx中綁定（this）是正確的，那麼在構造函數中使用bind是可選的？

render(){ 
    return(
     <input onChange={this.myFunc.bind(this)} type="text"/> 
    ) 
} 

myFunc(){ 
    alert('should trigger'); 
} 

但是我得到了無法讀取綁定此錯誤屬性的錯誤。這裏是我的全JS文件http://pastebin.com/yL7BtN8h

Answer 1

<input onChange={this.myFunc.bind(this)} type="text"/> 

而不是：

<input onChange={myFunc.bind(this)} type="text"/> 

Answer 2

Abdennour在技術上是正確的，但結合每次調用.render（時間同樣的方法）比在構造函數結合，一旦效率低。許多開發人員認爲這種方法最佳實踐：

class MyComponent extends React.Component { 
    constructor() { 
     super(); 

     this.myFunc = this.myFunc.bind(this); 
    } 

    myFunc(){ 
     alert('should trigger'); 
    } 

    render() { 
     return(
      <input onChange={this.myFunc} type="text"/> 
     ); 
    } 
}