javascript - 使用 Drag 属性时，如何让 React Framer-motion 为移动设备触发 onClick 事件？

Question

我目前正在使用 React 库 Framer Motion 来帮助在我的应用程序中制作一些我想要的手势动画。我似乎对“motion.div”标签的“drag”属性有疑问。

例如

<motion.div drag>
  <button onClick={this.eventHandler}>
    Framer Motion Click me
  </button>
</motion.div>

我已经复制了我在这里遇到的问题:https://codesandbox.io/embed/frosty-frog-xr2jj

onClick 在笔记本电脑/谷歌开发工具上工作得非常好，但是当使用移动/iOS 设备时， 的拖动属性似乎阻止了 onClick 事件。

如果您查看此沙箱，您可以看到这一点。该按钮在笔记本电脑/台式设备的沙盒中可以完美工作，但如果您在移动设备上尝试，则会遇到问题

这只是我做错了什么还是其他人也遇到了这个错误？

任何帮助将不胜感激!

Answer 1

这是一个 bug in the library 。这是fixed now如果您升级到<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bfd9cdded2dacd92d2d0cbd6d0d1ff8e91899187" rel="noreferrer noopener nofollow">[email protected]</a> .