Дод кардани 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-и корбар чоп карда шавад.