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

← →
↑