NOVINKA: Kurz kybernetickej bezpečnosti teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:
NOVINKA: Staň sa dátovým analytikom od 0 € a získaj istotu práce, lepší plat a nové kariérne možnosti. 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.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émiové sekcie.

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š?
  • 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.

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