zrozumiecReact.pl

import { useState, useContext} from "react";
import { NameContext } from "./NameContext";
import { Article } from "./Article";
import { Footer } from "./Footer";

export default function App() {
    const [selectedName, setSelectedName] = useState("Jan");
    const name = useContext(NameContext);

    return (<>
        <select 
            value={selectedName} 
            onChange={(e) => setSelectedName(e.target.value)}
        >
            <option value="Jan">Jan</option>
            <option value="Janina">Janina</option>
            <option value="Ewa">Ewa</option>
        </select>
        <NameContext.Provider value={selectedName}>
            <h1>Witaj {name}!</h1>
            <Article />
            <Footer />  
        </NameContext.Provider>
    </>
    );
}