Reactda komponentga id uzatish

Sizga ma'lumki, komponent tegi atributlari proplarga o'tadi. Bu key atributidan tashqari barcha atributlarga tegishli, u sikllarda ishlatish uchun kerak, mana shunday:

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

Bunday holda, name va cost atributlari proplarga o'tadi, key esa o'tmaydi. Biroq, bizga id ni komponent proplariga uzatish talab qilinishi mumkin. Bu holda yana bir atribut kiritishimiz kerak bo'ladi:

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