Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • 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.
Článek pro vás napsal 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