Передача 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 юзера.