React Router und onEnter/onChange

Question

Ich möchte onEnter und onChange von React Router verwenden, aber ich verstehe nicht ganz, wie. Wenn ich einfache Funktionen von dort ausführen, funktioniert es wie folgt aus:

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

Aber wenn ich versuche Archives Komponente eine Methode aus zu verwenden, ist es nicht.

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

Wie kann ich diese Methoden verwenden?

Answer 1

Sie müssen Ihre Methode an Ihr Oszilloskop binden.

Es gibt 2 Möglichkeiten zu binden.

erste, direkt auf Ihrem onChange

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

oder

Zweite ein

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