Konec hry

Poslední krok: konec hry.

• I poslední otázka dostane tlačítko Další otázka. Kliknutí na něj tam hru ukončí: skóre, otázka a její odpovědi uvolní místo výsledku Správně: 3 ze 4. v odstavci s třídou vysledek, s čísly hráče.
• Pod výsledkem tlačítko Hrát znovu začne hru od začátku: zase první otázka, nic vybraného a skóre zpátky na 0.

Tip: po poslední otázce je index otazky.length, o jedno místo za koncem pole, a otazky[index] je undefined. To je chvíle ukázat místo otázky konec: if s předčasným návratem (return), dřív, než cokoli čte znění otázky. Řádky s useState nechte nad tím if: React potřebuje, aby proběhly při každém vykreslení, a to ve stejném pořadí.

A to je celý projekt. Váš kvíz si drží tři stavové proměnné: index otázky, vybranou odpověď a skóre. Všechno ostatní, hodnocení, vypnutá tlačítka, tlačítko Další otázka i obrazovka na konci, se spočítá z nich při vykreslení. Přidat otázku teď znamená jen přidat objekt do otazky.js: zkuste to. V další lekci, Sdílený stav, budou mít vaše aplikace víc komponent, které potřebují stejný stav, a uvidíte, kam takový stav patří.