Дод кардани 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}
  />;
});