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 си чиқарилсин.