Shrnutí

V této lekci jste se naučili, že:

• Obsluha patří rovnou do JSX, onClick={pridejLajk}, a funkce se píše uvnitř komponenty. Názvy událostí začínají on a píšou se stylem camelCase: onClick, onChange.
• onClick dostane funkci, ne její volání. onClick={pridejLajk()} funkci zavolá už při vykreslování komponenty a kliknutí pak nedělají nic.
• Argument předáte tak, že volání zabalíte do šipkové funkce: onClick={() => hlasuj(kapela.nazev)}.
• Obsluha s parametrem dostane objekt události. event.target je prvek, ve kterém se událost stala. onChange textového pole přijde po každé změně jeho textu a event.target.value je ten text.
• Funkce může být v props: <KartaKapely onHlasovat={hlasuj} />, a komponenta ji zavolá: onHlasovat(kapela.nazev). Props pro obsluhy se podle zvyklosti jmenují on a něco, obsluhy dostávají slovesa (anglicky handle a něco).
• Změna proměnné v obsluze stránku nezmění. React o ní neví a každé vykreslení spustí funkci komponenty znovu od začátku.

V další lekci, Stav, dáte komponentám paměť: hodnoty, které si React pamatuje mezi vykresleními a které při změně aktualizují stránku.

Nejdřív si ale vše procvičte na festivalovém stánku s merchem. Jeho košík zatím jen vypisuje.