Javascript 反应笔事件

我只想得到一些基本的事件，它与鼠标完美配合，但与我的表面铅笔有疯狂的结果。ReactJS不支持指针类型，因此我考虑使用鼠标事件类型。 在用铅笔点击几下后，移动和上下将不再被调用

此处没有完整代码：

onDownCanvasEvent(e){
    e.preventDefault();
    console.log("DOWN");
}

onUpCanvasEvent(e){
    e.preventDefault();
    console.log("UP");
}

onMoveCanvasEvent(e){
    e.preventDefault();
    console.log("Move");
}

onLeaveCanvasEvent(e){
    e.preventDefault();
    console.log("Leave");
}

onDragCanvasEvent(e){
    e.preventDefault();
    console.log("Drag");
}

onTouchCanvasEvent(e){
    e.preventDefault();
    console.log(e);
    console.log("TouchMove");
}

constructor(props){
    super(props);
}

render() {
    return (    <canvas 
                    onMouseMove={this.onMoveCanvasEvent.bind(this)} 
                    onMouseUp={this.onUpCanvasEvent.bind(this)} 
                    onMouseDown={this.onDownCanvasEvent.bind(this)} 
                    onMouseLeave={this.onLeaveCanvasEvent.bind(this)}
                    onDrag={this.onDragCanvasEvent.bind(this)}
                    onTouchMove={this.onTouchCanvasEvent.bind(this)}

onDownCanvasEvent（e）{
e、 预防默认值（）；
控制台。登录（“关闭”）；
}
onUpCanvasEvent（东）{
e、 预防默认值（）；
控制台。登录（“UP”）；
}
onMoveCanvasEvent（e）{
e、 预防默认值（）；
控制台日志（“移动”）；
}
网上拉票活动（e）{
e、 预防默认值（）；
控制台日志（“离开”）；
}
昂德拉加瓦萨事件（e）{
e、 预防默认值（）；
控制台日志（“拖动”）；
}
ONTOUCH拉票活动（e）{
e、 预防默认值（）；
控制台日志（e）；
控制台日志（“触摸移动”）；
}
建造师（道具）{
超级（道具）；
}
render（）{
return（好的，我找到了解决这个问题的非常简单的方法，只需在您的项目中运行以下命令：

npm安装--保存反应点

资料来源：


好吧，在摆弄之后，我发现如果我重新装入笔并开始按并移动，“移动”被称为“好”，但当我举起笔时，笔的“移动”不会再次被调用。
<div className="App">
            <Pointable className="container"
                    onPointerUp={this.onUpPointer} 
                    onPointerDown={this.onDownPointer} 
                    onPointerLeave={this.onLeavePointer}
                    onPointerMove={this.onMovePointer}> 
                <canvas  id="CanvasID"