Id:n välittäminen React-komponenttiin
Tiedät jo, että komponenttitagin attribuutit
päätyvät proppeihin. Tämä koskee kaikkia attribuutteja,
paitsi key -attribuuttia, jota tarvitaan
silmukoiden käyttöön, näin:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Tässä tapauksessa proppeihin päätyvät attribuutit
name ja cost, mutta key -
ei päädy. Saattamme kuitenkin tarvita
välittää id komponentin proppeihin.
Tässä tapauksessa meidän on otettava käyttöön toinen
attribuutti:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Muokkaa User -komponenttiasi siten,
että siinä näytetään käyttäjän id kappaleessa.
