Kódím.cz
5

Zastaralé hodnoty

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

2
Datluj.cz, fáze 2

V tomto cvičení zařídíme, aby po napsání slova ihned naskočilo slovo další.

  1. Komponenta Wordbox musí nějakým způsobem informovat svého rodiče o tom, že uživatel správně napsal zadané slovo. Za tímto účelem přidejte do props v komponentě Wordbox callback onFinish.
  2. V posluchači události keyup zařiďte, že pokud uživatel napsal správně poslední písmenko, místo nastavení stavu zavoláte rovnou funkci onFinish.
  3. V komponentě Stage vyrobte funkci handleFinish, která nastaví stav words na prázdné pole. Předejte tuto funkci komponentě Wordbox. Takto zajistíme unmount komponenty po správném napsání slova.
  4. Místo nastavování stavu na prázdné pole můžeme rovnou vygenerovat nové slovo – pomocí připravené funkce generateWord. Vygenerujte slovo délky 6. Dejte však pozor, že do stavu je vždy potřeba nastavit pole, tedy v tomto případě pole o jednom prvku.
  5. Vyzkoušejte, že po napsání slova ihned přiskočí další.