Как обрабатывать событие Hover в ReactJS?

В библиотеке ReactJS нет встроенного события onHover, но есть способ обрабатывать события наведения.
Чтобы реализовать эту функцию, нам понадобится два обработчика событий — onMouseEnter для обработки, когда курсор входит в границы элемента, и onMouseLeave, когда курсор покидает границы. Обработка этих двух событий гарантирует согласованную работу обработчика событий наведения.
В примере давайте установим обработчики onMouseEnter и onMouseLeave, чтобы показывать или скрывать компонент, когда пользователь наводит на него курсор.
Типичный Веб Разработчик