Kvíz: Seznam, který nefiltruje

Psaní do textového pole má ukázat jen kapely, jejichž název obsahuje napsaný text, ale seznam pořád ukazuje všechny tři. Klikněte na řádek s chybou.

import { useState } from "react";

const kapely = [
    { id: 1, nazev: "Noční vlaky" },
    { id: 2, nazev: "Měsíční kočky" },
    { id: 3, nazev: "Sový sbor" },
];

export default function App() {
    const [hledani, setHledani] = useState("");
    const [zobrazeneKapely] = useState(kapely.filter((kapela) => kapela.nazev.includes(hledani)));

    return (
        <main>
            <h1>Letní zvuky</h1>
            <input
                value={hledani}
                onChange={(event) => setHledani(event.target.value)}
            />
            <ul>
                {zobrazeneKapely.map((kapela) => (
                    <li key={kapela.id}>{kapela.nazev}</li>
                ))}
            </ul>
        </main>
    );
}

Začněte programovat zdarma

Zpět

4/6

Další