Zurück auf null
Eine Stoppuhr muss auch wieder auf null zurückgehen können. In dieser Übung bekommt sie neben Start einen Button Zurücksetzen.
Die Aufgabe. Ein Klick auf Zurücksetzen setzt die Zeit zurück auf 0.0 und hält die Stoppuhr an, ob sie nun läuft oder nicht, sodass auf dem anderen Button Start steht. Solange die Zeit 0.0 ist, gibt es nichts zurückzusetzen, und Zurücksetzen ist deaktiviert.
Ein Tipp: Zurücksetzen muss nur den State ändern. Das Intervall musst du nicht selbst stoppen: Wenn der State „läuft“ auf false wechselt, ändert sich die Abhängigkeit des Effekts, React ruft die Aufräumfunktion auf, und die Aufräumfunktion stoppt das Intervall.
So schreibst du es:
Anweisungen
- 1
Ein Klick auf Zurücksetzen setzt die Zeit auf 0.0 zurück und hält die Stoppuhr an.
- 2
Zurücksetzen ist deaktiviert, solange die Zeit 0.0 ist.