Übergeben der id an eine Komponente in React

Sie wissen bereits, dass die Attribute des Komponententags in die Props gelangen. Dies gilt für alle Attribute, außer für das Attribut key, das für die Verwendung in Schleifen benötigt wird, wie hier:

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

In diesem Fall gelangen die Attribute name und cost in die Props, aber key - wird nicht übergeben. Manchmal benötigen wir jedoch die id in den Props der Komponente. In diesem Fall müssen wir ein weiteres Attribut einführen:

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