IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

10. diel - Databázový klient v React - Univerzálny formulárové vstupy

V minulej lekcii, Databázový klient v React - Parametre odkazu, detail záznamu , sme si napísali komponenty, ktoré nám umožnili pri požadovanom zázname filmu alebo osobnosti zobraziť ich podrobné údaje. Dnes si v React tutoriálu pripravíme znovu použiteľné komponenty formulárových polí, s ktorých pomocou budeme v ďalších lekciách zostavovať formulárové komponenty, ktoré nám umožnia tieto údaje upravovať, prípadne vytvárať úplne nové záznamy v databáze.

Komponenta FlashMessage

Ešte než sa vrhneme na formulárové vstupy, najprv si krátko uveďme výstupy v podobe tzv. Flash messages. Jedná sa o správy, ktoré sa zobrazujú po odoslaní formulára a obsahujú stručnú informáciu o výsledku požiadavke, ktorá ešte býva napr. Farebne zvýraznené pre odlíšenie úspešného požiadavky od výskytu chyby.

Hoci to samozrejme nie je potreba pre správne odoslanie a spracovanie požiadavky, je vhodné používateľa takto informovať, aby sa presvedčil, že naše aplikácie na jeho vstupy reaguje. Preto si teraz k výpisu upozornenie s farebným zvýraznením napíšeme jednoduchú komponentu.

V adresári client/src/common/ vytvoríme súbor FlashMessage.js. Jeho kód bude vyzerať takto:


 

...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 JavaScript tutoriálu si popíšeme štruktúru formulárov a vytvoríme si niekoľko univerzálnych komponentov formulárových vstupov na účely ďalšieho vývoja.

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