Как повесить обработчик на меняющийся класс в react?

Question

[Shu90]

Добрый вечер, у меня есть компонент который по клику меняет класс с inactive на active. Мне нужно навесить обработчик события mouseOver на класс active. Как это правильно сделать не нарушая логику react? Мне в голову приходят только решения из нативного js (querySelector). В компоненте используются хуки. Может что то можно сделать с помощью useRef?

Comments

[WbICHA]

А почему нельзя просто вешать эвент, когда класс актив?
Или в самом эвенте иф поставить.

[Shu90]

Может и можно я просто не знаю как. то есть у меня есть грубо говоря такой код:

<div onClick={el.active = !el.active} className={el.active ? "active" : "inactive"}

Как это сделать в JSX?