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