React-те Id-ді компонентке беру

Сіз білесіз, компонент тегінің атрибуттары пропстерге түсетінін. Бұл 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 шығарылатындай етіңіз.