使用拖动道具时，如何让 React Framer-motion 触发移动设备的

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

这是库中的一个错误。它现在是固定的，如果你升级到framer-motion@1.6.8。