Az id átadása egy komponensben a Reactban

Már tudod, hogy a komponens címkéjének attribútumai a props-okba kerülnek. Ez minden attribútumra vonatkozik, kivéve a key attribútumot, amelyre a ciklusokban való használathoz van szükség, így:

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

Ebben az esetben a name és a cost attribútumok kerülnek a props-okba, de a key - nem. Előfordulhat azonban, hogy át kell adnunk egy id-t a komponens props-ainak. Ebben az esetben még egy attribútumot kell bevezetnünk:

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