獲取的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