Kupeleka id kwenye Komponenti katika React

Tayari unajua kuwa sifa za tagi ya komponenti huingia kwenye props. Hii inatumika kwa sifa zote, isipokuwa sifa key, ambayo inahitajika kwa matumizi katika vitanzi, kama hivi:

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

Katika kesi hii, kwenye props zitaingia sifa name na cost, lakini key - haitazingia. Hata hivyo, tunaweza kuhitaji kupeleka id kwenye props za komponenti. Katika kesi hii, itatubidi tuweke sifa nyingine:

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