Передача id в компонент в React

Вы уже знаете, что атрибуты тега компонента попадают в пропсы. Это касается всех атрибутов, кроме атрибута key, который нужен для использования в циклах, вот так:

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

В данном случае в пропсы попадут атрибуты name и cost, а key - не попадет. Нам, однако, может понадобится передать id в пропсы компонента. В этом случае нам нужно будет ввести еще один атрибут:

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