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

Question

我的代码在这里。

MediaPlayer 的画中画按钮会触发 MiniPlayer 组件。

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

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

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

我该如何解决这个问题？

Answer 1

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

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

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

</Draggable>```