Lekce 17 - Databázový klient v React - Filtrování položek
V předchozí lekci, Databázový klient v React - Příprava filtrovacích komponent, jsme si připravili komponenty s formuláři pro filtrování ve výpisu filmů a osob.
V tomto React tutoriálu si vylepšíme komponenty přehledů o filtrování zobrazených položek a dokončíme tím naši React aplikaci.
Rozšíření komponent přehledu
Nyní rozšíříme komponenty přehledů o vytvořené filtry.
Komponenta MovieIndex
Přesuneme se do souboru movies/MovieIndex.jsx.
Přidání stavů
Nejprve musíme ve funkci useEffect() načíst
seznamy:
- režisérů (pro ně si vytvoříme nový stav
directorListState), - herců (stav
actorListState) a - žánrů
genreListState.
Tato data potřebujeme, aby bylo možné tyto položky vybírat ve
formuláři filtru. Do useEffect() přidáme také příslušné
AJAX dotazy, které režiséry, herce a žánry stáhnou z API a do
příslušných stavů je uloží.
Také si definujeme náš stav s filtrem, jak jsme si jej již ukázali minule. Začátek komponenty upravíme do následující podoby:
...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 JavaScript tutoriálu si vylepšíme komponenty přehledů o filtrování zobrazených položek a dokončíme tím naši React aplikaci.
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íť.
