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 दिखाई दे।