SyntheticEvent — это обёртка React вокруг нативного объекта события браузера, которая работает во всех браузерах. Она предоставляет единый API для всех браузеров, гарантируя, что обработка событий работает одинаково независимо от того, какой браузер использует пользователь.
Синтетические события React включают стандартные методы вроде:
stopPropagation() — предотвращает всплытие события вверх по дереву DOMpreventDefault() — предотвращает стандартное действие браузераtarget — ссылка на элемент, который вызвал событиеcurrentTarget — ссылка на элемент, к которому привязан слушатель событияВместо того чтобы напрямую использовать нативные события браузера, React оборачивает их в SyntheticEvent по нескольким причинам:
function handleClick(event) {
event.preventDefault();
event.stopPropagation();
console.log('Button clicked');
}
<button onClick={handleClick}>Click me</button>
React автоматически передаёт объект SyntheticEvent в хендлеры событий. Тебе не нужно вручную обращаться к window.event или беспокоиться о специфичных для браузера свойствах событий — React сам справляется с этой абстракцией.
SyntheticEvent в React использует event delegation и механизмы pooling для оптимизации использования памяти и производительности в разных браузерах.
Новый — ещё не проверен сообществом
Вы