Skicka id till en komponent i React

Du vet redan att attribut för en komponent-tagg hamnar i props. Detta gäller alla attribut, förutom attributet key, som behövs för användning i loopar, så här:

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

I det här fallet kommer attributen name och cost att hamna i props, medan key - inte kommer att hamna där. Vi kan dock behöva skicka id till komponentens props. I så fall måste vi introducera ytterligare ett attribut:

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