Предаване на 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}
  />;
});