リアクタールータとonEnter/onChange

Question

React RouterのonEnterとonChangeを使用したいと思いますが、どういう仕組みがよく分かりません。私はこのように、それは動作しますが、そこから簡単な関数を実行すると：

<Route path="/tag/:slug" component={Archives} onChange={() => { console.log('awd'); }} /> 

しかし、私はArchivesコンポーネントからメソッドを使用しようとすると、それはしていません。

<Route path="/tag/:slug" component={Archives} onChange={this.method()} /> 

これらの方法はどのように使用できますか？

Answer 1

スコープでメソッドをバインドする必要があります。

バインドする方法は2つあります。

まず1に、直接あなたのonChange

<Route path="/tag/:slug" component={Archives} onChange={this.method.bind(this)} /> 

または、

上の2つ目

this.method = this.method.bind(this)