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:

jsxconst 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:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});