简介

在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   //移出事件