Overførsel af id til en komponent i React

Du ved allerede, at attributter for komponent-tagget ender i props. Dette gælder for alle attributter, bortset fra attributten key, som er nødvendig for brug i loops, sådan her:

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

I dette tilfælde vil attributterne name og cost ende i props, mens key - ikke vil. Vi kan dog få brug for at overføre id til komponentens props. I det tilfælde bliver vi nødt til at introducere endnu en attribut:

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