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}
  />;
});