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:

jsxconst 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:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});