typescript+react实现拖拽（移动端+PC端）

1.移动端

        .tsx代码：

import React, { Component, createRef } from "react";
import '../css/Drag.less'
interface Props {

}
interface State {

}

class Drag extends Component<Props, State>{
    startX: number = 0
    startY: number = 0
    X: number = 0
    Y: number = 0
    dragElement = createRef<HTMLDivElement>()
    constructor(props: Props) {
        super(props)
        this.state = {

        }
    }
    FnStart(ev: React.TouchEvent<HTMLDivElement>): void {
        if (this.dragElement.current) {
            this.startX = ev.changedTouches[0].pageX - this.dragElement.current?.offsetLeft
            this.startY = ev.changedTouches[0].pageY - this.dragElement.current?.offsetTop
            document.ontouchmove = this.FnMove.bind(this)
            document.ontouchend = this.FnEnd.bind(this)
        }
    }
    FnMove(ev: