Ü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:
const 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:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifizieren Sie Ihre User-Komponente so,
dass darin in einem Absatz die id des Users ausgegeben wird.
