9. diel - Kalkulačka v React - Udalosti a dokončenie
V minulej lekcii, Kalkulačka v React - Utility funkcie a stavy, sme sa naučili používať utility funkcie a
definovali sme stavy našej aplikácie pomocou React hooku
useState()
.
V dnešnom React tutoriále dokončíme našu kalkulačku obsluhou udalostí. Výslednú aplikáciu si tiež oštýlujeme
Udalosti v React
Vieme, že v React obsluhujeme udalosti úplne rovnako, ako v čistom JavaScripte. HTML elementu priradíme udalosť pomocou
atribútu (onSubmit
, onChange
a pod.). Do tohto
atribútu nastavíme funkciu, ktorá sa zavolá, keď udalosť nastane. Budeme
ďalej pracovať v súbore CalculatorForm.js
.
Obsluha udalostí číselných vstupov
Najprv obom číselným vstupom definujeme
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Obmedzená ponuka: Nauč sa všetko a ušetri
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V JavaScript tutoriále dokončíme kalkulačku v React reakciou na udalosti a aplikáciu si oštýlujeme.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.