Παιδικά Components σε Βρόχο React
Ας εμφανίσουμε τώρα τα components μας σε
βρόχο. Θα χρησιμοποιήσουμε για αυτό τη μέθοδο map:
function App() {
const result = prods.map(prod => {
return <Product name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
Ας μην ξεχάσουμε να ορίσουμε το χαρακτηριστικό key:
function App() {
const result = prods.map(prod => {
return <Product key={prod.id} name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε οι χρήστες να εμφανίζονται μέσω βρόχου.
