如何访问由JS插件呈现的React JS中的元素

Question

是否有一种方法可以访问React JS生态系统中JS插件呈现的HTML元素。我不能在这些元素上使用ref。

例如：-如果我使用React Slick插件，它将添加许多React JS无法访问的HTML元素。我需要在这些元素上触发鼠标悬停事件。

有人针对这种情况有解决方案吗？

谢谢。

Answer 1

也许会有所帮助

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

Answer 2

插件具有自己的类和ID。您始终可以检查和自定义他们正在使用的类。但这可能会导致全局变化。您可以做的是对单独的组件使用自定义类和选择器。然后，您可以在CSS中进行任何更改。