ReactJS-mouseOutは子要素のホバーで発射しますか？

Question

私はmoueOverとmouseOut関数でdivを取得しました。 子供の1人にマウスを合わせるとmouseOutが発砲するのはなぜですか？これはリストになっているので、e.targetと '.thumb-overlay'のハードコーディングを使用する必要があります。またh2とh4の背景を微調整しており、私はそれほど理解していません。 ここにはFIDDLEがあります。

<div className="thumb-overlay" 
onMouseOver={this.mouseOver.bind(this)} 
onMouseOut={this.mouseOut.bind(this)}> 
<h2>SOME H2 TAG</h2> 
<h4>SOME H4 TAG</h4> 
</div> 

Answer 1

あなたはe.currentTargetの代わりe.targetを使用することができます。 e.currentTargetは常にイベントハンドラがマウスアウトは私が考えてどのように動作するかe.target

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

jsfiddle