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.jsx.

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 eur

Došiel 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émiovej sekcie.

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

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • 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.
Č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