Skip to content

Commit

Permalink
QA fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
podlomar committed Nov 4, 2023
1 parent 430e51c commit 6976f82
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions daweb/react/komunikace-dite-rodic/cvlekce/potisk-tricek.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@ solutionAccess: lock
Pomocí Reactu, stavu a komunikace mezi komponentami rozchodíme aplikaci, kde si uživatel může objednat typ trička, jeho barvu a potisk.

1. Vytvořte si repozitář ze šablony [cviceni-tricka](https://github.com/Czechitas-podklady-WEB/cviceni-tricka), repozitář si poté naklonujte a rozběhněte si základ aplikace.
1. Dobře si aplikaci prohlédněte. Vykoušejte si, jaké _props_ můžete zadat do komponenty `TShirt`, kromě barvy a textu potisku můžete také zvolit typ trička:
- `normalShortSleeve`
- `normalLongSleeve`
- `tallLongSleeve`
- `normalNoSleeve`
- `tallNoSleeve`
Zkuste si zadat různé _props_ a vyzkoušejte, co komponenta zobrazí.
1. Dobře si aplikaci prohlédněte. Vykoušejte si, jaké _props_ můžete zadat do komponenty `TShirt`, kromě barvy a textu potisku můžete také zvolit typ trička:
- `normalShortSleeve`
- `normalLongSleeve`
- `tallLongSleeve`
- `normalNoSleeve`
- `tallNoSleeve`
Zkuste si zadat různé _props_ a vyzkoušejte, co komponenta zobrazí.
1. Vaším úkolem bude zprovozni komunikaci od komponenty `TShirtSetup` ke komponentě `HomePage`, tedy komunikace od dítěte k rodiči. V `HomePage` budou potřeba tři stavy: jeden pro typ trička, jeden pro barvu a jeden pro potisk. Vytvořte tyto stavy a napojte je na komponentu `TShirt`, aby zobrazovala to, co je ve stavech.
1. V komponentě `TShirtSetup` vytvořte prop `onTypeChange`. Pomocí této funkce budeme měnit stav v rodiči. Použijte tuto prop k tomu, abyste do stavu pro typ trička poslali to, co uživatel vybere ve formuláři uvnitř `TShirtSetup`. Vyzkoušejte, že se stav opravdu mění a políčko pro výběr funguje.
1. Podobně propojte i další dva stavy. V komponentě `TShirtSetup` vytvořte prop `onColorChange` a `onPrintChange`. Použijte tyto props k tomu, abyste do stavu pro barvu a potisk poslali to, co uživatel vybere ve formuláři uvnitř `TShirtSetup`. Vyzkoušejte, že se stavy opravdu mění a políčka pro výběr fungují.

0 comments on commit 6976f82

Please sign in to comment.