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 z nazwą kontynentu:</h1>
            <section>
                {/* Początek kodu do zmiany */}
                {countries.map((country) => (
                    <div key={country.name}>
                        <h2>{country.name}</h2>
                        <h3>{country.continent}</h3>
                    </div>
                ))}
                {/* Koniec kodu do zmiany */}
            </section>
        </>
    );
}