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-ը։