拖动不适用于反应使用手势

问题描述

出于某种原因，我无法获得最基础的 react-use-gesture 示例。我想要做的就是在拖动鼠标时让一个正方形跟随我的鼠标位置。我多次从他们的文档中复制粘贴示例 (https://github.com/pmndrs/react-use-gesture)，但仍然无法使其正常工作。我只是不明白了。我创建了一个 stackblitz 来向你展示我的代码。我还做错了什么？

Stackblitz 代码：https://stackblitz.com/edit/react-mg2u8p?file=src/Square.js

我还将在此处包含最相关的代码：

import React from "react";
import { useSpring,animated } from "react-spring";
import { useDrag } from "react-use-gesture";

const Square = () => {
  const [{ x,y },set] = useSpring(() => ({ x: 0,y: 0 }));
  const bind = useDrag(({ down,movement: [mx,my] }) => {
    set({ x: down ? mx : 0,y: down ? my : 0 });
  });

  return (
    <animated.div
      {...bind()}
      className="Square"
      style={{ x,y,touchAction: "none" }}
    />
  );
};

export default Square;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）