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:

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

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