Предаване на id в компонент в React
Вече знаете, че атрибутите на компонентния таг
попадат в пропсовете. Това се отнася за всички атрибути,
освен за атрибута key, който е необходим
за използване в цикли, ето така:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
В този случай в пропсовете ще попаднат атрибутите
name и cost, а key -
няма да попадне. На нас, обаче, може да ни се наложи
да предадем id в пропсовете на компонента. В
този случай ще трябва да въведем още един
атрибут:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Модифицирайте вашия компонент User така,
че в него в абзаца да се извежда id на потребителя.