获取的DragSource所规范

Question

下面的canDrag方法鼠标位置是我拖动源规范的canDrag方法：

const itemDragSource = { 
 
    canDrag(props, monitor) { 
 
     if(props.canDrag && !props.canDrag(props.itemData)) { 
 
      if(props.dragUndraggable){ 
 
       debugger; 
 
       props.dragUndraggable(props.itemData, monitor.getInitialClientOffset()); 
 
      } 
 
      return false; 
 
     } 
 
     return true; 
 
    } 
 
}

的问题是，monitor.getInitialClientOffset返回null，所以不getInitialSourceClientOffset和getClientOffset？有关如何在这一点上获得鼠标位置的任何想法？

Answer 1

这两个函数（以及所有获取位置函数）在canDrag内部返回null，因为那时没有东西被拖动（每个：http://gaearon.github.io/react-dnd/docs-drag-source-monitor.html）。因此，如果你不能在别处放置该逻辑（例如在isDragging或endDrag中），则需要实施一些外部方案以跟踪鼠标位置，可能类似于此处所建议的内容：Javascript - Track mouse position