Το αντικείμενο 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 του κλικ.