zrozumiecReact.pl

const countries = [
  { name: "Polska", continent: "Europa" },
  { name: "Chiny", continent: "Azja" },
  { name: "Kongo", continent: "Afryka" },
  { name: "Francja", continent: "Europa" },
  { name: "Australia", continent: "Australia" },
  { name: "Włochy", continent: "Europa" },
];

export default function App() {
    return <>
        <h1>Lista krajów:</h1>
        <select>
            <option selected value="Dowolny">Dowolny Kontynent</option>
            <option value="Azja">Azja</option>
            <option value="Afryka">Afryka</option>
            <option value="Australia">Australia</option>
            <option value="Europa">Europa</option>
        </select>
        <ul>
            {countries.map((country) => (
                <li key={country.name}>{country.name}</li>
            ))}
        </ul>
    </>
}