onMouseOverが反応しない

Question

マウスがdivの上を移動したときにイベントを発生させたい。
フロントエンドフレームワークにReactを使用しており、その後にはdocsのイベントが発生しません。

<div onMouseOver={console.log('onMouseOver')} onMouseOut={console.log('onMouseOut')} className="hidden-xs text-center"> 
     {productImage} 
     {productContent} 
</div> 

ページがロードされたとき、私はonMouseOverのとONMOUSEOUTからのログ出力のフルコンソールに表示が、私は要素（div）の上に私のマウスを移動すると、他に何も書かれていません。

Answer 1

イベントレジスタで呼び出す代わりに、メソッドの参照を割り当てる必要があります。試してみよう：

handleOnMouseOver: function(e){ 
    console.log("onMouseOver"); 
} 
.... 
<div onMouseOver={this.handleOnMouseOver} ..../> // NOTE : don't put() at the end