Как убрать множественные срабатывания таких событий, как onMouseover, onMouseOver?

Question

[gallantalex]

Всем привет. Может кто подсказать, в чем дело:
Есть компонент, в нем есть блоки - div'ы обычные, другие импортированные компоненты. И на этот базовый компонент навешаны обработчики onMouseOver и onMouseOut. Ожидаемо, что эти события должны отрабатывать только когда курсор наводится на этот компонент и когда выходит за его рамки. Но события срабатывают когда я внутри компонента вожу курсором между его вложенными элементами. Как это можно профиксить?

Answer 1

[Максим]

Когда наводится и выходит за рамки, это onmouseenter и onmouseleave (в реакте соответственно: onMouseEnter и onMouseLeave)