Menghantar id ke Komponen dalam React
Anda sudah tahu bahawa atribut tag komponen
masuk ke dalam props. Ini berlaku untuk semua atribut,
kecuali atribut key, yang diperlukan
untuk digunakan dalam gelung, seperti ini:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Dalam kes ini, atribut yang akan masuk ke dalam props
ialah name dan cost, manakala key -
tidak akan masuk. Walau bagaimanapun, kita mungkin perlu
menghantar id ke dalam props komponen. Dalam
kes ini, kita perlu memperkenalkan satu atribut lagi:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Ubah suai komponen User anda
supaya dalam perenggannya, id pengguna
ditampilkan.
