zrozumiecReact.pl

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

export default function App() {
    const [selectedName, setSelectedName] = useState("Jan");
    const [selectedColor, setSelectedColor] = useState("blue");

    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>
        <select 
            value={selectedColor} 
            onChange={(e) => setSelectedColor(e.target.value)}
        >
            <option value="blue">Niebieski</option>
            <option value="yellow">Żółty</option>
            <option value="green">Zielony</option>
        </select>
        <Article />
        <Footer />  
    </>
    );
}