Lekce 16 - Databázový klient v React - Příprava filtrovacích komponent
V minulé lekci, Databázový klient v React - Vytváření, úpravy a odstraňování, jsme zprovoznili vytváření, úpravu a odstraňování filmů a osobností.
Náš React klient je téměř hotový, s jeho pomocí již můžeme provádět všechny základní CRUD operace nad oběma typy záznamů v databázi.
Pokud ovšem budeme mít těchto záznamů uložené velké množství, začne být problematické se v nich orientovat. V těchto případech by se hodilo mít možnost záznamy filtrovat podle různých kritérií, popř. omezit jejich počet ve výpisu. Na závěr si proto napíšeme komponenty pro filtrování.
Komponenty filtrovacích formulářů
Filtrovací komponenty budou mít podobu formulářů, protože do nich
budeme vyplňovat hodnoty, podle kterých chceme výsledky filtrovat. Budeme v
nich opět potřebovat obslužné funkce handleChange() a
handleSubmit() pro zadání, resp. odeslání vstupu. Samotná
obsluha obou událostí bude implementována v rodičovské komponentě
přehledu, kam také soustředíme veškerou logiku. Ve filtrovací komponentě
pouze zavoláme funkci, která nám byla zadána přes props.
Komponenta MovieFilter
Ve složce src/movies/ si vytvoříme nový soubor
MovieFilter.jsx.
...konec náhledu článku...
Pokračuj dál
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.
Koupit tento kurz
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íš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- 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 si připravíme komponenty s formuláři pro filtrování ve výpisu filmů a osob.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
