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:
const 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:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
User bileşeninizi, paragrafta
kullanıcının id'sinin gösterileceği
şekilde değiştirin.