Event-ის ობიექტი React-ში

ფუნქციის შიგნით, რომელიც დაკავშირებულია მოვლენის დამმუშავებელთან, ხელმისაწვდომია 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 დაწკაპუნების.