Дочерние компоненты в цикле 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>;
}

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

← →

↑