Az id átadása egy komponensben a Reactban
Már tudod, hogy a komponens címkéjének attribútumai
a props-okba kerülnek. Ez minden attribútumra vonatkozik,
kivéve a key attribútumot, amelyre
a ciklusokban való használathoz van szükség, így:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Ebben az esetben a name és a cost
attribútumok kerülnek a props-okba, de a key -
nem. Előfordulhat azonban, hogy át kell adnunk
egy id-t a komponens props-ainak. Ebben
az esetben még egy attribútumot kell bevezetnünk:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Módosítsa a User komponensét úgy,
hogy az a bekezdésben jelenítse meg a felhasználó id-ját.