Всем привет! Словил серьезный затуп, проведите на мысль!
Есть объект с товарами, в нем присутствуют  ссылки  на картинку  товара и на картинку при ховере.
Делаю к этому объекту .map, вешаю события onMouseEnter и onMouseLeave. При этих событиях я самонадеянно  решил, что буду тупо менять стейт на hovering, но получается, что при наведении на одну карту товара, стейт  меняется у всех карт и соответственно у всех меняется картинка. Как это правильно сделать, подскажите, гугл  вроде весь перерыл

например есть ga встроенная в JS, как могу его юзать в реакте без каких либо библиотек?

window.ga ?

смотрю реакт проект, а там такое.
Иногда все таки можно напрямую с DOMом работать?
в IconFont.jsx

/**
     * DOM API required.
     * Make sure in browser environment.
     * The Custom Icon will create a <script/>
     * that loads SVG symbols and insert the SVG Element into the document body.
     */

вмонтированное в dom изображение может отличаться по размерам.
по-моему, в clientHeight и clientWidth корректное (могу ошибаться)
еще есть window.getComputedStyle (для width и height соответственно)

ну или аппенд чайлд если это не реакт