TypeScript 项目 拖拽（移动端）

index.tex

import React, { Component, createRef } from "react";
import { connect } from 'react-redux';

import './index.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: TouchEvent): void {
      this.X = ev.changedTouches[0].pageX - this.st