Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

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

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom za exkluzívnu cenu 247,50 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 17 článkom (14 lekcií, 2 praktické cvičenia, test) s kontrolou a certifikáciou a ešte naviac ušetríš 78 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 24% zľavu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • 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ť.

Článok pre vás napísal Jindřich Máca
Avatar
Autor se věnuje převážně webovým technologiím, ale má velkou zálibu ve všem vědeckém, nejen ze světa IT. :-)
Aktivity