Как получить доступ к элементу в React JS, который отрисовывается плагином JS

Question

Есть ли способ получить доступ к элементу HTML, отображаемому плагином JS в React JS Ecosystem. Я не могу использовать ref для этих элементов.

, например: - Если я использую плагин React Slick, он добавляет много элементов HTML, к которым React JS не может получить доступ. Мне нужно вызвать событие наведения мыши на эти элементы.

У кого-нибудь есть решение для такой ситуации?

Спасибо.

Answer 1

Плагины имеют свой собственный класс и идентификатор. Вы всегда можете проверить и настроить класс, который они используют. Но это может вызвать глобальные изменения. Что вы можете сделать, это использовать пользовательский класс и селекторы для отдельных компонентов. Затем вы можете внести любые изменения в CSS.

Answer 2

Предположим, что id контейнера div, который оборачивает компонент <Slider/>, называется container, тогда следующий код должен работать для присоединения события mouseover ко всем узлам (div в слайдере):

    componentDidMount(){
       let nodes = document.getElementsById("container").childNodes[0].childNodes
       nodes.forEach(node => {
           node.addEventListener('mouseover', () => { 
              //action to be performed here
           }
       })
    }

Answer 3

возможно это поможет

componentdidmount{
  const elemnts = [...document.getElemetntByClassName('ClassName')]
  elements.forEach(e => e.addEventListener('mouseover', () => {
  // your code here
  }))
}