未检测到鼠标离开时的事件

Question

我有一个div，当鼠标进入其表面或离开它时，它应该改变它渲染的内容：

div与这些方法相关联：

  mouseOut: function() {
    console.log("Mouse out!!!");
    this.setState({flipped: false});
  },

  mouseOver: function() {
    console.log("Mouse over!!!");
    this.setState({flipped: true});
  },

onMouseOver事件效果很好。但是，onMouseOut无效，看起来mouseOut函数未被调用。

而不是mouseOut我还尝试了onMouseLeave和onMouseDown，但仍然没有效果。

如何让React组件检测到鼠标已移出？