Javascript（反応するネイティブ）：回避する方法=これですか？

Question

を避けたいlet that = this;汚れているようですので、それは？とにかく.bind(this)を使用することはできますか？

マイ現在のコード：事前に

// ... 
componentDidMount() { 
    let that = this; // <- how to avoid this line? 
    this.props.myService.listensTo('action', (data) => { 
     that.handleData(data); 
    }); 
} 

handleData(data) { 
    // handle data 
} 
// ... 

ありがとう！

Answer 1

は、基本的な機能はこれで助けて反応-ネイティブdoesntの以来になる矢印あなたはこのような関数だ定義することができますブラウザの互換性に対処する必要があります：あなたは今まで.bindする必要はありません

handleData = (data) => { 
    this.setState({ data }); 
} 

かあなたがこれを使うなら、これ=これ。

Answer 2

thisはすでに使用している矢印機能のために既にバインドされています。

// ... 
componentDidMount() { 
    this.props.myService.listensTo(
     'action', 
     (data) => this.handleData(data) 
    ); 
} 

handleData(data) { 
    // handle data 
} 
// ...