div를 드래그 할 때 onMouseOver 이벤트

Question

div를 드래그하여 div의 다른 위치로 드래그합니다. 문제는 그 밑에있는 div를 드래그하는 동안 기본 <td>의 화재가 onMouseOver 이벤트에 있어야합니다. 하지만 내 마우스가 draggable div 위에 있기 때문에 마우스 이벤트는 기본 <td>에 발생하지 않습니다.

pointer-events: none;을 사용해 보았지만 그 결과 드래그 가능한 것을 드래그 할 수 없습니다.

<td className={cls} onClick={this.handleCancelOpenOrders} onMouseOver={this.handleMouseOver}> 
    <Draggable axis="y" position={{ x: 0, y: 0 }} onDrag={this.handleDrag} onStart={this.handleDragStart} onStop={this.handleDragStop}> 
     <div className={styles[this.props.type]}> 
      <span className={styles.currentOrderText}> 
        {orderQuantity} 
      </span> 
     </div> 
    </Draggable> 
</td> 

Answer 1

관찰 가능한 isDraggable을 생성하고 포인터 이벤트를 설정하면 true : none; div에 끌려가.