Oordrag van id na 'n komponent in React

Jy weet reeds dat die eienskappe van die komponent-tag in die props beland. Dit geld vir alle eienskappe, behalwe die key eienskap, wat benodig word vir gebruik in lusse, soos hier:

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

In hierdie geval sal die name en cost eienskappe in die props beland, maar key - sal nie. Ons mag eger nodig hê om id na die komponent se props oor te dra. In hierdie geval sal ons nog 'n eienskap moet invoer:

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