React Synthetic Events and Event Pooling Quiz
Three drills on React's SyntheticEvent wrapper, how delegation works, and the difference between the React 16 pooling era and React 17+ behavior.
Question Bank
Medium
JavaScript
3 questions
quiz
react
js-event-delegation
js-dom
907 views
8
What is a SyntheticEvent and what does React win by wrapping the native browser event?
Why did logging event inside an async callback in React 16 sometimes show null properties, and what did React 17 change? Show the legacy workaround.
function Search() {
return (
<input onChange={(e) => {
setTimeout(() => console.log(e.target.value), 100);
}} />
);
}In React 17+, where does React attach the delegated event listener, and why does it matter for apps that embed multiple React roots in the same page?