Викторина: всегда пятница

1import { useEffect, useState } from "react";
2
3export default function App() {
4    const [day, setDay] = useState("friday");
5    const [bands, setBands] = useState([]);
6
7    useEffect(() => {
8        async function loadBands() {
9            const response = await fetch(`${day}.json`);
10            setBands(await response.json());
11        }
12        loadBands();
13    }, []);
14
15    return (
16        <main>
17            <h1>Летние звуки</h1>
18            <div className="days">
19                <button onClick={() => setDay("friday")}>Пятница</button>
20                <button onClick={() => setDay("saturday")}>Суббота</button>
21            </div>
22            <ul className="lineup">
23                {bands.map((band) => (
24                    <li key={band.id}>
25                        {band.time}: {band.name} ({band.stage})
26                    </li>
27                ))}
28            </ul>
29        </main>
30    );
31}