Javascript ReactJS—；鼠标在子元素悬停时发射？

我有一个带moueOver和mouseOut函数的div。 为什么当我在其中一个孩子身上盘旋时，鼠标会开火？这是在一个列表中，所以我需要使用e.target与硬编码“.thumb overlay”。它还调整了内部h2和h4的背景，我不太明白。 这是一本书

一些H2标签
一些H4标签

您可以使用

e.currentTarget

而不是

e.target

e.currentTarget

始终指事件处理程序已附加到的元素，而不是

e.target

mouseOver(e) {
    $(e.currentTarget).css('background', 'red');
}
mouseOut(e) {
    $(e.currentTarget).css('background', 'gray');
} 

---

我想这就是mouseOut的工作原理。查看这些与mouseEnter/mouseLeave之间的差异。

mouseOver(e) {
    $(e.currentTarget).css('background', 'red');
}
mouseOut(e) {
    $(e.currentTarget).css('background', 'gray');
}