zrozumiecReact.pl

import { Animal } from "./Animal";

export default function App() {
    const animals = [
        {key: "dog", name: "Pies", description: "Wierny, oddany, inteligentny, najlepszy przyjaciel człowieka."},
        {key: "cat", name: "Kot", description: "Zwinnie chodzi, mruczy, łowca, miły towarzysz domu."},
        {key: "duck", name: "Kaczka", description: "Ptak wodny, pływający, kwakający, często spotykany na stawach."},
    ];
    return <>
        <h1 className="title">Lista zwierzaków</h1>
        <ul className="list">
            {animals
                .map(animal => <li 
                    key={animal.key}>
                        <Animal animal={animal} />
                    </li>
            )}
        </ul>
    </>;
}