Předávání id do komponenty v Reactu

Už víte, že atributy tagu komponenty se dostanou do props. To platí pro všechny atributy, kromě atributu key, který je potřeba pro použití v cyklech, třeba takto:

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

V tomto případě se do props dostanou atributy name a cost, ale key - se nedostane. Nám však může být potřeba předat id do props komponenty. V tomto případě budeme muset zavést ještě jeden atribut:

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