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

11. diel - Databázový klient v React - InputCheck a InputSelect

V minulej lekcii, Databázový klient v React - Detail osoby a odkazy na detaily , sme si napísali komponent, ktorý nám umožnil u požadovanej osoby zobraziť jej podrobné údaje.

V React tutoriále budeme pokračovať s tvorbou univerzálnych formulárových vstupov. Vytvoríme si komponenty InputCheck a InputSelect.

Komponent InputCheck

Okrem rôznych polí využijeme u našich formulárov aj:

  • prepínače - na nastavenie role osobnosti a
  • zaškrtávacie políčko - na potvrdenie dostupnosti filmu
V oboch prípadoch ale iba pomerne triviálne. Naša ďalšia komponenta, zastupujúca oba tieto formulárové prvky, bude tiež dosť jednoduchá. Opäť v priečinku src/components/ vytvoríme nový súbor InputCheck.js. Do neho vložíme tento kód:

 

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

Kúpiť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom iba za 625 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 24 článkom (23 lekcií, test) tohoto kurzu.

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

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 React tutoriále budeme pokračovať s tvorbou univerzálnych formulárových vstupov. Vytvoríme si komponenty InputCheck a InputSelect.

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 Petr Kozler
Avatar
Autor se aktuálně věnuje především programování v PHP (a vývoji webových aplikací obecně) nebo v Pythonu, ojediněle pak v C nebo v Javě...
Aktivity