Аб'ект Event у React

Унутры функцыі, прывязанай да апрацоўшчыка падзей, даступны аб'ект 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 кліку.