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 11 - Databázový klient v React - InputCheck a InputSelect

V minulé lekci, Databázový klient v React - Komponenta InputField, jsme si představili několik univerzálních komponent, které nám později zjednoduší tvorbu formulářů, a vytvořili první z nich - InputField.

V React tutoriálu budeme pokračovat s tvorbou univerzálních formulářových vstupů. Vytvoříme si komponenty InputCheck a InputSelect.

Komponenta InputCheck

Kromě různých polí využijeme u našich formulářů také:

  • přepínače – k nastavení role osobnosti,
  • zaškrtávací políčko – k potvrzení dostupnosti filmu.

V obou případech ale jen poměrně triviálně. Naše další komponenta, zastupující oba tyto formulářové prvky, bude také dosti jednoduchá. Opět ve složce src/components/ vytvoříme nový soubor InputCheck.jsx. Do něj vložíme tento kód:


 

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

Před koupí tohoto článku je třeba koupit předchozí díl

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 React tutoriálu budeme pokračovat s tvorbou univerzálních formulářových vstupů. Vytvoříme si komponenty InputCheck a InputSelect.
Článek pro vás napsal Petr Kozler
Avatar
Autor se věnuje vývoji převážně webových aplikací v PHP nebo Pythonu.
Aktivity