Можно ли в часто повторяющемся компоненте вешать обработчик события на документ?

Question

[ArturMavlidov]

Представим, что у нас на странице 30 таких компонентов, и в каждом обработчик на документ (клик)

Comments

[Мышб]

нужна конкретизация вопроса
непонятен ни контекст исполнения, ни формат использования
это onClick, который пробрасывается пропсом от родителя или document.addEventListener который создается в useEffect у каждого компонента? А почему не window?

[Rerurk]

Можно на обработчик повесить ссылку на некую функцию с аргументами

Answer 1

[Константин Б.]

Все же зависит от контекста того что вы делаете. Если это например один и тот же обработчик, то лучше его вынести в родителя. Но если например это какая-то логика которая используется внутри только каждого дочернего компонента отдельно (изолированнно от других) то ее никак не вынести. Поэтому вопрос нужно дополнить данными о том что за обработчик и по какому событию он срабатывает

Answer 2

[Егор Живагин]

Чтоб на документе было 30 одинаковых обработчиков? В чём смысл?
Может достаточно из верхнеуровнего компонента повесить один обработчик? Делегирование, все дела

Ответ на ваш вопрос - можно, конечно, но лучше поискать более оптимизированное решение

Comments

[wonderingpeanut]

чем повешать обработчик на все 30 элементов не оптимизировано?