首页 > 解决方案 > 在 React 中更改不允许的拖动光标

问题描述

当我在draggable设置为 true 的 react 中拖动图像时,我得到not-allowed/ no-dropcursor。我不知道如何用 CSS 来覆盖它。我处理阻力的方式onDragStartonDragEnd

标签: cssreactjscss-selectors

解决方案


当我在处理我的一个 React 项目时,我遇到了同样的问题,所以我做了一些研究并测试了我发现的几种方法,但对我没有任何用处。您会看到有一个名为的属性DataTransfer.effectAllowed指定允许进行拖动操作的效果,并且此 API 有一个限制,您可以在此处阅读 -

https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/effectAllowed

更改样式或附加 eventListener 将不起作用,您必须为此使用不同的后端。使用react-dndandreact-dnd-touch-backendreact-dnd-html5-backendnpm 包作为自定义后端。

https://www.npmjs.com/package/react-dnd
https://www.npmjs.com/package/react-dnd-touch-backend
https://www.npmjs.com/package/react-dnd- html5-后端


推荐阅读