移动端手势事件

import React, { useEffect, useState, useRef } from 'react'
import Hammer from 'hammerjs'
import './style.less'
import { Button, Space } from 'antd-mobile'

import { useMove } from '@@@'
export default function Demo(props) {
  const xy = useMove()
  console.log('xy', xy);
  useEffect(() => {
    const hammertime = new Hammer(ref.current)
    hammertime.on('tap', function (ev) {
      console.log('ev', ev);
    })

    hammertime.on('swipeleft', function (ev) {
      console.log(2222);
    })
  }, [])

  const ref = useRef()
  return (
    <div styleName='box' ref={ref}>
      测试文字
      <Button color='primary' fill='solid'>
        提交
      </Button>
    </div>
  )
}