# Дочерние компоненты в цикле React

Давайте теперь выведем наши компоненты в цикле. Используем для этого метод `map`:

`function App() { const result = prods.map(prod => { return <Product name={prod.name} cost={prod.cost} />; }); return <div> {result} </div>; }`

Не забудем указать атрибут `key`:

`function App() { const result = prods.map(prod => { return <Product key={prod.id} name={prod.name} cost={prod.cost} />; }); return <div> {result} </div>; }`

Модифицируйте предыдущую задачу так, чтобы юзеры выводились через цикл.

←→
↑