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.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
650 Kč
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íš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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.
