Overføring av id til en komponent i React

Du vet allerede at attributter til komponent-taggen havner i propsene. Dette gjelder alle attributter, unntatt attributten key, som er nødvendig for bruk i løkker, slik:

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

I dette tilfellet vil attributtene name og cost havne i propsene, men key - vil ikke havne der. Imidlertid kan det hende vi trenger å overføre id til komponentens props. I dette tilfellet må vi introdusere enda en attributt:

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