React+tx的移动端+pc端拖拽

移动端代码

import React, { Component, createRef } from 'react'
import './index.less'
export default class res extends Component {
    x: number = 0;
    y: number = 0;
    dx: number = 0;
    dy: number = 0;
    res = createRef<HTMLDivElement>()
    render() {
        return (
            <div className='c' ref={this.res}></div>
        )
    }
    start(e: TouchEvent) {
        this.dx = e.changedTouches[0].pageX - this.x;
        this.dy = e.changedTouches[0].pageY - this.y;
        document.ontouchmove = this.move.bind(this)
        document.ontouchend = this.end
    }
    move(e: TouchEvent) {
        this.x = e.changedTouches[0].pageX - this.dx;
        this.y = e.changedTouches[0].pageY - this.dy;
        (this.res.current as HTMLDivElement).style.transform = `translate(${this.x}px,${this.y}px)`
    }
    end(e: TouchEvent) {
        docume