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