移动平台不支持 react-draggable 吗？

【问题标题】：Is the react-draggable not support on mobile platform?移动平台不支持 react-draggable 吗？
【发布时间】：2020-08-21 04:04:45
【问题描述】：

我的代码是here。

MediaPlayer 的 p-in-p 按钮触发 MiniPlayer 组件。

并且在 MiniPlayer 组件中使用了 react-draggable 包。

左上角的按钮可以在电脑上使用；但是，它不适用于移动设备。

当我从 MiniPlayer.js 中删除标记时，左上角的按钮再次在移动设备上工作。

我该如何解决这个问题？

【问题讨论】：

标签： reactjs

【解决方案1】：

react-draggable 适用于手机。中的 onClick 或 onChange 似乎在移动设备（或一般的触摸设备）上被禁用。

要使拖动组件内的元素可点击，请将这些元素的选择器设置为cancel。

<Draggable cancel=".btn">
  <div>
  ...
  <button className="btn">click</button>
</div>

</Draggable>```

【讨论】：