zrozumiecReact.pl

import { useState, useEffect } from "react";

export default function App() {
    const [selectedOption, setSelectedOption] = useState(null);

    useEffect(() => {
        console.log("Komponent wyrenderowany!");
    });

    return (<>
        <h1>Prosty select</h1>
        {selectedOption && <h2>Wybrana wartość: {selectedOption}</h2>}
        <select onChange={(e) => setSelectedOption(e.target.value)}>
            <option value="A">Opcja A</option>
            <option value="B">Opcja B</option>
            <option value="C">Opcja C</option>
        </select>
    </>);
}