Shadow DOM 重定向和 Radium :hover

Question

我 运行 在 Shadow 中使用 React 时遇到了这个问题 DOM。我一直在使用与此类似的设置来处理事件重定向。

https://github.com/LukasBombach/react-shadow-dom-retarget-events/blob/master/index.js

包裹我的 React 组件时，Radium ':hover' 不起作用

Answer 1

问题是 Radium 使用了 onMouseEnter 和 onMouseLeave。由于冒泡处理这些事件的方式，我们在与 Shadow DOM 内的元素交互时不会看到这些事件触发。解决方案是在使用目标元素触发 onMouseOver 事件时调度 onMouseEnter 事件，在触发 onMouseOut 事件时调度 onMouseLeave 事件。