Kódím.cz
/ Czechitas / React 2 / Zastaralé hodnoty / Cvičení: Zastaralé hodnoty
6

Zastaralé hodnoty

Nahlédneme pod pokličku principům, kvůli kterýn naše React komponenty často fungují podivně a nečekaně.

Předchozí
Životní cyklus komponenty
Následujicí
State lifting
UzávěryUzávěry v ReactuČasovačeDemonstrace: BeruškaCvičení: Zastaralé hodnoty
3
Datluj.cz, fáze 3

Zařídíme zpětnou vazbu pro uživatele zda napsal správné písmeno. Budeme chtít, aby slovo při chybě změnilo barvu.

  1. V komponentě Wordbox vytvořte nový pravdivostní stav [mistake, setMistake], který bude říkat, zda uživatel udělal překlep. Na začátku bude stav nastaven na false.
  2. Pokud má stav mistake hodnotu true, vykreslete slovo s třídou wordbox wordbox--mistake.
  3. V reakci na událost keyup správně nastave stav mistake na true nebo false dle toho, zda uživatel napsal správné písmeno.
  4. Vyzkoušejte, že aplikace funguje správně.
  5. Zamyslete se nad tím, zda nám hrozí problém se zastaráním stavu mistake a zdůvodněte, proč ano nebo proč ne.