Как работает делегирование событий?

Делегирование событий — это паттерн, когда вместо назначения обработчика каждому элементу списка, ты вешаешь один обработчик на родительский контейнер. Благодаря всплытию (bubbling) событие дойдёт до родителя, а через event.target можно определить, на каком именно элементе произошёл клик. Это экономит память при большом количестве элементов и работает для динамически добавляемых элементов. React под капотом использует делегирование — все обработчики вешаются на root.