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 কম্পোনেন্টটি পরিবর্তন করুন যাতে এর Paragraph-এ ব্যবহারকারীর id প্রদর্শিত হয়।