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 ප්‍රදර්ශනය කරන්න.