Μεταβίβαση id σε component στο React

Γνωρίζετε ήδη ότι τα attributes της ετικέτας ενός component πηγαίνουν στα props. Αυτό ισχύει για όλα τα attributes, εκτός από το attribute key, το οποίο χρειάζεται για χρήση σε βρόχους, όπως εδώ:

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

Σε αυτήν την περίπτωση, στα props θα μπουν τα attributes name και cost, ενώ το key - δεν θα μπει. Ωστόσο, μπορεί να χρειαστεί να μεταβιβάσουμε το id στα props του component. Σε αυτήν την περίπτωση θα χρειαστεί να εισάγουμε ένα ακόμη attribute:

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