Reactда компонентга id ўтказиш

Сизга маълумки, компонент тегининг атрибутлари пропсларга түшади. Бу 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}
  />;
});