Kvíz: Pořád pátek

import { useEffect, useState } from "react";

export default function App() {
    const [den, setDen] = useState("patek");
    const [kapely, setKapely] = useState([]);

    useEffect(() => {
        async function nactiKapely() {
            const odpoved = await fetch(`${den}.json`);
            setKapely(await odpoved.json());
        }
        nactiKapely();
    }, []);

    return (
        <main>
            <h1>Letní zvuky</h1>
            <div className="dny">
                <button onClick={() => setDen("patek")}>Pátek</button>
                <button onClick={() => setDen("sobota")}>Sobota</button>
            </div>
            <ul className="program">
                {kapely.map((kapela) => (
                    <li key={kapela.id}>
                        {kapela.cas}: {kapela.nazev} ({kapela.podium})
                    </li>
                ))}
            </ul>
        </main>
    );
}