Javascript 反应'；s onMouseMove处理div而不是自定义组件？

我想记录，每当用户将鼠标移动到我的

组件上时，控制台就会记录坐标

这项工作：

<div onMouseMove={this._onMouseMove.bind(this)}>
  <Canvas 
    dataURL={this.state.image} 
    textTop={this.state.textTop} 
    textBottom={this.state.textBottom} 
    fontSize={this.state.fontSize} />
  </div>
</div>

我做错了什么

PS:只是为了完整：

_onMouseMove(e) {
    console.log(e.screenX);
    console.log(e.screenY);
  }

---

onMouseMove

将与自定义组件必须自行处理的任何其他道具一样

示例

class Canvas extends React.Component {
  render() {
    return <canvas onMouseMove={this.props.onMouseMove} />;
  }
}

类画布扩展React.Component{
render（）{
返回；
}
}

class Canvas extends React.Component {
  render() {
    return <canvas onMouseMove={this.props.onMouseMove} />;
  }
}