React'ta Bileşene id Aktarma

Bir bileşen etiketinin özniteliklerinin proplara düştüğünü biliyorsunuz. Bu, döngülerde kullanılmak için gerekli olan key özniteliği hariç tüm öznitelikler için geçerlidir, şu şekilde:

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

Bu durumda, name ve cost öznitelikleri proplara düşecek, ancak key düşmeyecek. Ancak, bize id'yi bileşenin proplarına aktarmak gerekebilir. Bu durumda başka bir öznitelik tanımlamamız gerekecek:

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