Przekazywanie id do komponentu w React

Wiesz już, że atrybuty tagu komponentu trafiają do propsów. Dotyczy to wszystkich atrybutów, oprócz atrybutu key, który jest potrzebny do użycia w pętlach, w ten sposób:

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

W tym przypadku do propsów trafią atrybuty name i cost, a key - nie trafi. Może się jednak zdarzyć, że będziemy potrzebować przekazać id do propsów komponentu. W tym przypadku będziemy musieli wprowadzić jeszcze jeden atrybut:

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