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

hc8w905p  于 5个月前  发布在  Java
关注(0)|答案(1)|浏览(59)

我目前正在使用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设备时,的拖动属性<motion.div>似乎阻止了onClick事件。
如果你检查这个沙箱,你可以看到这一点。按钮在笔记本电脑/台式机设备上的沙箱中工作得很好,但如果你在移动的上尝试,你会遇到这个问题
是我做错了什么,还是其他人遇到了这个bug?
任何帮助将不胜感激!

kmynzznz

kmynzznz1#

这是一个bug in the library。如果你升级到[[email protected]](https://stackoverflow.com/cdn-cgi/l/email-protection),它就是fixed now

相关问题