Kola

Poslední část: kola. Běžci a plavci měří každé kolo jedním kliknutím, zatímco stopky běží dál. Vaše stopky dostanou tlačítko Kolo.

Úkol. Kliknutí na Kolo uloží čas, který stopky v tu chvíli ukazují. Kola jsou vypsaná pod tlačítky v seznamu s třídou kola, nejnovější první, každé jako Kolo 2: 7.4: číslo kola a jeho čas. Vynulovat seznam vyprázdní. A protože kolo má smysl, jen když čas běží, je tlačítko Kolo vypnuté, když jsou stopky zastavené.

Tipy:

• Kola mějte ve stavu jako pole objektů, třeba { cislo: 2, cas: 74 }, s časem v desetinách, jak ho mají stopky.
• Nejnovější první znamená, že nové kolo přijde na začátek pole: setKola((kola) => [noveKolo, ...kola]).
• Číslo nového kola je o jedna větší než dosavadní počet kol. Každé kolo má jiné číslo, takže je to dobrý key.

A to je celý projekt. Vaše stopky si drží tři stavové proměnné: čas, jestli běží, a kola. Jeden efekt spouští interval, dokud stopky běží, a jeho úklid ho zastaví, ať stav změnilo Stop, nebo Vynulovat. V další lekci, Refy a vlastní hooky, dáte kurzor do textového pole, zapamatujete si hodnoty, které stránka neukazuje, a napíšete vlastní hooky.