Predávanie id do komponentu v React

Už viete, že atribúty tagu komponentu sa dostanú do props. To sa týka všetkých atribútov, okrem atribútu key, ktorý je potrebný pre použitie v cykloch, takto:

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

V tomto prípade sa do props dostanú atribúty name a cost, ale key - sa nedostane. Nám však môže byť potrebné odovzdať id do props komponentu. V tomto prípade budeme musieť zaviesť ešte jeden atribút:

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