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
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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
25 €
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íš s Prevádzkovými podmienkami.
- 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á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.
