简介
在react中dom元素的移入移出事件有2个.
1.onMouseOver/onMouseOut (js原有的事件)
2.onMouseEnter/onMouseLeave (react新增的事件)
问题:
在react中使用onMouseOver/onMouseOut,在鼠标移入子元素时,也会触发一遍绑定的事件逻辑.
//在网上搜索的答案基本都是如下代码(实际react中没用):
e.stopPropagation()
解决方法:
如上问题,在原生js中,使用e.stopPropagation()阻止事件冒泡,是可行的,react中无效(具体逻辑没有深入研究)
在react中,使用react官方提供的替代事件:
onMouseEnter == onMouseOver //移入事件
onMouseLeave == onMouseOut //移出事件
