React-এ Event অবজেক্ট

ইভেন্ট হ্যান্ডলারে বাঁধা ফাংশনের ভিতরে, Event অবজেক্টটি প্রাপ্তিযোগ্য:

function App() {
	function func(event) {
		console.log(event); // ইভেন্ট সহ অবজেক্ট
	}
	
	return <div>
		<button onClick={func}>act</button>
	</div>;
}

event ভেরিয়েবলে ব্রাউজারের নেটিভ Event অবজেক্টটি আসে না, বরং React-এর পক্ষ থেকে এর উপর একটি বিশেষ ক্রস-ব্রাউজার র্যাপার আসে। এই র্যাপারটির নাম SyntheticEvent। এই র্যাপারটি সকল ব্রাউজারে ইভেন্টগুলিকে একইভাবে কাজ করতে সহায়তা করে। এর একটি নেটিভ ইভেন্টের মতো একই ইন্টারফেস আছে, stopPropagation এবং preventDefault মেথডগুলি সহ।

একটি বাটন দেওয়া আছে। এটিতে ক্লিক করে Event অবজেক্টটি পেতে এবং এটিকে কনসোলে প্রদর্শন করুন।

একটি বাটন দেওয়া আছে। এটিতে ক্লিক করে ক্লিকের event.target কনসোলে প্রদর্শন করুন।