How does event delegation work in React?

In React 17 and later, React attaches a single listener to the root container of the app instead of the document. When an event fires, React walks up the virtual DOM tree and calls the appropriate handlers, improving performance and isolation.