Transmiterea id-ului în component în React
Știți deja că atributele tag-ului componentei
ajung în props. Acest lucru este valabil pentru toate atributele,
cu excepția atributului key, care este necesar
pentru utilizarea în bucle, astfel:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
În acest caz, în props vor intra atributele
name și cost, iar key -
nu va intra. Totuși, poate fi necesar să
transmitem id în props-urile componentei. În
acest caz, va trebui să introducem un alt
atribut:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modificați componenta dvs. User astfel
încât în paragraf să fie afișat id-ul utilizatorului.
