14. diel - Databázový klient v React - Komponenty pre filtrovanie
V minulej lekcii, Databázový klient v React - Vytváranie, úpravy a odstraňovan , sme pridali odosielanie požiadaviek metódami
POST, PUT a DELETE. Náš React klient je
teraz 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.
Ak 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 pre filtrovanie.
Komponenty filtrovacích formulárov
Filtrovacie komponenty budú mať podobu formulárov, opäť s obslužnými
metódami handleChange() a handleSubmit() pre zadanie,
resp. odoslanie vstupu. Samotná obsluha oboch udalostí bude implementovaná v
rodičovskej komponente prehľade, tu iba zavoláme jej vhodnú metódu.
MovieFilter
V metóde render() komponenty MovieFilter
načítame najprv objektovú štruktúru
...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 JavaScript tutoriálu si vylepšíme komponenty prehľadov o filtrovanie zobrazených položiek a dokončíme tým našu React aplikáciu.
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ť.
