Quiz: Immer Freitag

1import { useEffect, useState } from "react";
2
3export default function App() {
4    const [tag, setTag] = useState("freitag");
5    const [bands, setBands] = useState([]);
6
7    useEffect(() => {
8        async function bandsLaden() {
9            const antwort = await fetch(`${tag}.json`);
10            setBands(await antwort.json());
11        }
12        bandsLaden();
13    }, []);
14
15    return (
16        <main>
17            <h1>Sommerklang</h1>
18            <div className="tage">
19                <button onClick={() => setTag("freitag")}>Freitag</button>
20                <button onClick={() => setTag("samstag")}>Samstag</button>
21            </div>
22            <ul className="programm">
23                {bands.map((band) => (
24                    <li key={band.id}>
25                        {band.uhrzeit}: {band.name} ({band.buehne})
26                    </li>
27                ))}
28            </ul>
29        </main>
30    );
31}