Meneruskan id ke Komponen di React
Anda sudah tahu bahwa atribut tag komponen
masuk ke dalam props. Ini berlaku untuk semua atribut,
kecuali atribut key, yang diperlukan
untuk digunakan dalam perulangan, seperti ini:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Dalam kasus ini, atribut yang akan masuk ke props adalah
name dan cost, sedangkan key -
tidak akan masuk. Namun, kita mungkin perlu
untuk meneruskan id ke dalam props komponen. Dalam
hal ini, kita perlu menambahkan atribut lain:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifikasi komponen User Anda sehingga
dalam paragrafnya ditampilkan id user.
