React में Event ऑब्जेक्ट

इवेंट हैंडलर से बंधे फ़ंक्शन के अंदर, Event ऑब्जेक्ट उपलब्ध होता है:

function App() {
	function func(event) {
		console.log(event); // इवेंट के साथ ऑब्जेक्ट
	}
	
	return <div>
		<button onClick={func}>कार्य</button>
	</div>;
}

चर event में ब्राउज़र का मूल Event ऑब्जेक्ट नहीं आता, बल्कि React की तरफ से इस पर एक विशेष क्रॉस-ब्राउज़र रैपर आता है। इस रैपर को SyntheticEvent कहा जाता है। यह रैपर इवेंट्स को सभी ब्राउज़रों में एक जैसे काम करने में मदद करता है। इसका इंटरफेस मूल इवेंट के समान ही होता है, जिसमें stopPropagation और preventDefault जैसे तरीके शामिल हैं।

एक बटन दिया गया है। उस पर क्लिक करने पर Event ऑब्जेक्ट प्राप्त करें और उसे कंसोल में प्रिंट करें।

एक बटन दिया गया है। उस पर क्लिक करने पर क्लिक का event.target कंसोल में प्रिंट करें।