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 объектин консольго чыгарыңыз.