在使用拖动道具时,如何让 React Framer-motion 为手机触发 onClick 事件?

How do you get React Framer-motion to fire onClick events for mobiles when using the drag prop?

我目前正在使用 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 在 laptops/google 开发工具上工作得很好,但是当使用 mobile/iOS 设备时,拖动 属性 似乎阻止了 onClick 事件。

如果你检查这个沙箱,你可以看到这个。该按钮在 laptop/desktop 设备的沙盒中可以正常工作,但如果您在手机上尝试,您将 运行 遇到问题

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

任何帮助将不胜感激!

如果升级到 framer-motion@1.6.8,这是 bug in the library. It's fixed now