React में कंपोनेंट में id पास करना

आप पहले से ही जानते हैं कि कंपोनेंट टैग के एट्रिब्यूट प्रॉप्स में पास हो जाते हैं। यह सभी एट्रिब्यूट पर लागू होता है, key एट्रिब्यूट को छोड़कर, जिसकी आवश्यकता लूप्स में उपयोग के लिए होती है, इस तरह:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});

इस मामले में, name और cost एट्रिब्यूट प्रॉप्स में पास होंगे, जबकि key - नहीं पास होगा। हालाँकि, हमें id को कंपोनेंट के प्रॉप्स में पास करने की आवश्यकता हो सकती है। इस स्थिति में हमें एक और एट्रिब्यूट जोड़ना होगा:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});