16. diel - Databázový klient v React - Príprava filtrovacích komponentov
V minulej lekcii, Databázový klient v React - Sprevádzkovanie servera , sme stiahli a sprevádzkovali API server s databázou filmov, s ktorým budeme neskôr komunikovať z nášho React klienta.
Náš React klient je takmer hotový, s jeho pomocou už môžeme vykonávať všetky základné CRUD operácie nad oboma typmi záznamov v databáze.
Pokiaľ však budeme mať týchto záznamov uložené veľké množstvo, začne byť problematické sa v nich orientovať. V týchto prípadoch by sa hodilo mať možnosť záznamy filtrovať podľa rôznych kritérií, popr. obmedziť ich počet vo výpise. Na záver si preto napíšeme komponenty na filtrovanie.
Komponenty filtrovacích formulárov
Filtrovacie komponenty budú mať podobu formulárov, opäť s obslužnými
metódami handleChange() a handleSubmit() na zadanie,
resp. odoslanie vstupu. Samotná obsluha oboch udalostí bude implementovaná v
rodičovskom komponente prehľadu, tu iba zavoláme jej príslušnú
metódu.
MovieFilter
Vytvoríme si komponent MovieFilter
...koniec náhľadu článku...
Pokračuj ďalej
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
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.
- 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 si pripravíme komponenty s formulármi pre filtrovanie vo výpise filmov a osôb.
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ť.
