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}
  />;
});