React හි සංරචකයකට id සම්ප්‍රේෂණය කිරීම

සංරචක ටැගයේ ගුණාංග ප්‍රොප්ස් වලට ඇතුළු වන බව ඔබ දැනටමත් දන්නවා. මෙය key ගුණාංගය හැර අනෙකුත් සියලුම ගුණාංග සඳහා අදාළ වේ, සංස්කරණ භාවිතා කිරීම සඳහා අවශ්‍ය 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}
  />;
});