-js- Reagieren "Komponente hat mounten" Beispiel

Question

Ich versuche, mit reagieren zu beginnen. Nachdem ich die Codebeispiele untersucht hatte, stieß ich auf eine ziemlich merkwürdige Sache. Dies ist der Link . Dies ist der Code aus dem Abschnitt Lebenszyklen.

componentDidMount() { 
this.timerID = setInterval(
() => this.tick(), 
    1000 
); 
} 

Also, bei der Einstellung des Intervalls, warum eine Pfeilfunktion verwendet wird? Ich habe es anders versucht (this.tick() selbst), aber es hat nicht wie erwartet funktioniert.

Answer 1

setInterval braucht eine Funktion als Referenz übergeben werden, so könnte man

setInterval(() => this.tick(), 1000 ); 

schreibt Diesen this.tick nicht ausgeführt, es sagt einfach setInterval Zecke zu laufen, wenn es um wählt. Die Pfeilfunktion bindet 'dieses' als Ihre Komponente.

jedoch nicht setInterval( function() { this.tick(); }, 1000 ); NICHT binden diese Ihre Komponente sein, so würden Sie setInterval(this.tick.bind(this), 1000 );

schreiben müssen, wenn Sie schreiben setInterval( this.tick(), 1000 ); dann tick ausgeführt wird, bevor es an setInterval übergeben wird, und der Rückgabewert von Zecke ist, was wird von setInterval verwendet.

Ich hoffe, das macht es klar. setInterval will nur einen Verweis auf die Funktion :)