Lekce 9 - Kalkulačka v React - Události a dokončení
V minulé lekci, Kalkulačka v React - Utility funkce a stavy, jsme se naučili používat utility funkce a
definovali jsme stavy naší aplikace pomocí React hook
useState()
.
V dnešním React tutoriálu dokončíme naši kalkulačku obsluhou
událostí. Výslednou aplikaci si také ostylujeme
Události v React
Víme, že v React obsluhujeme události úplně stejně, jako v čistém JavaScriptu. HTML elementu přiřadíme událost pomocí
atributu (onSubmit
, onChange
apod.). Do tohoto
atributu nastavíme funkci, která se zavolá, když událost nastane. Budeme
dále pracovat v souboru CalculatorForm.jsx
.
Obsluha událostí číselných vstupů
Prvně oběma číselným vstupům definujeme
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V JavaScript tutoriálu dokončíme kalkulačku v React reakcí na události a aplikaci si ostylujeme.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.