在拖动项目时将鼠标悬停在某物上时，React DnD make dropTargets
React DnD是一个用于实现拖放功能的React库。它提供了一组组件和工具，使开发人员能够轻松地在应用程序中实现拖放交互。
在React DnD中，make dropTargets是一个函数，用于创建可接受拖放的目标组件。当拖动项目时，可以将鼠标悬停在这些目标组件上，以指示可以将项目放置在该位置。
React DnD的dropTargets可以通过以下方式创建：
- 使用DropTarget高阶组件：通过使用DropTarget高阶组件，可以将拖放目标属性添加到任何React组件中。这样，该组件就可以接受拖放项目并在鼠标悬停时显示相应的反馈。
- 使用useDrop：React DnD还提供了一个自定义钩子useDrop，可以在函数组件中使用。通过在组件中调用useDrop钩子，可以将拖放目标属性添加到该组件，并在鼠标悬停时显示反馈。
React DnD的make dropTargets的优势和应用场景包括：
- 灵活性：React DnD提供了灵活的API和组件，使开发人员能够根据应用程序的需求自定义拖放交互。
- 可重用性：通过将拖放目标属性添加到任何React组件中，可以轻松地使多个组件成为拖放目标，从而实现代码的可重用性。
- 用户体验改善：拖放交互可以提高用户体验，使用户能够直观地操作应用程序中的元素，例如重新排序列表、拖动图像等。
- 应用程序开发：React DnD适用于各种应用程序开发场景，包括Web应用程序、移动应用程序等。
对于React DnD的make dropTargets，腾讯云没有直接相关的产品或产品介绍链接地址。但是，腾讯云提供了丰富的云计算服务和解决方案，可以帮助开发人员构建和部署基于云的应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
我正在使用React DnD来处理React应用程序中的拖放。我正在使用。在这个实现中，我使用了一个自定义的拖动预览。在拖动时，我通过将其最大高度动画设置为0来隐藏“被拖动”的元素。当用户拖动时，将显示自定义拖动预览。如果用户将元素放在不允许的区域中，则“被拖动”项将动画恢复到其原始高度。这很好。
当项目被拖放时，我发送一个redux操作，对项目列表进行重新排序，并将之前拖动的元素放到新位置。
但是，在DOM更新项目并在其新位置设置项目动画之前，有一段时间被拖动的项目在其当前位置闪烁。
最大高度动画由isDragging为true时添加和删除的CSS类控制。
我已经搜索了React DnD文档
浏览 38提问于2017-03-04得票数 0
回答已采纳
1回答
我遵循了dnd工具包React库的，它允许我用鼠标拖放很好。然而，当我试图在Android上使用与Chrome相同的页面时，我无法拖动该项目。它看起来像开始移动，然后当我的手指移动到它原来的边界之外时，它就被卡住了。
我试着切换到拖动覆盖，但这似乎没有任何区别。
如何使用dnd工具包支持触摸用户？
浏览 3提问于2022-01-21得票数 4
我已经用react-dnd创建了一个简单的可排序列表，使用的代码类似于中的react-dnd的可排序示例。
但是，我在尝试概念化如何调整此示例并利用react-dnd的来自定义拖动预览时遇到了一些困难。具体地说，我希望在开始拖动组件时更改组件的背景色。不要太复杂。
为什么我需要使用一个自定义的拖动层？因为由于浏览器API和react-dnd的HTML5后端的限制，我不能使用CSS设置拖动预览的样式(这就是我正在使用的)。
我在可排序列表中找不到任何使用自定义拖动层的示例，因此如果有任何帮助，我将不胜感激。
浏览 16提问于2020-04-06得票数 2
我在react组件中搜索了许多支持DND功能的库，但不幸的是，找不到没有中心拖动点的库。所有这些我都看到他们在长卡片内容上有一个问题。我所寻找的是，当开始拖动列表中的项目时，我需要项目根据鼠标指针改变其位置，而不是项目中心点。 有什么建议吗？ 需要覆盖两件事。1)多个目标(任务列表类似于ZendHub) 2)拖动点基于鼠标位置，而不是中心。 这个不错，但它是根据Item Center :/ https://rafaelquintanilha.com/sortable-targets-with-react-dnd/拖动的
浏览 16提问于2019-04-17得票数 0
我正在尝试做一些类似于下面的事情：
场景1:用户将列表1从左侧拖放到右侧。
场景2:用户再次将列表2拖到右侧，当拖动项悬停在列表1上时，必须显示拖放区域才能将列表2项拖放到此处。
最后，列表1和列表2都将像左侧和右侧一样放置。
使用React Dnd，这是可以实现的吗？我试过了，它只有在拖动的时候才起作用。
我可以在拖动时显示拖放区域，它每次都会显示，但我需要显示拖放区域仅在某些项目上悬停。
下面是我要实现的示例工作：
需要显示占位符来放置一个项目，而悬停其他项目来放置。(当鼠标悬停在某些项目上时，需要创建动态拖放目标)
我需要在这方面的帮助，以实现这个feature.An
浏览 13提问于2019-10-25得票数 1
在dnd-multi-backend库中，有这样的说明：
由于本机拖放目前不支持触摸设备。需要自定义DragPreview。查看示例实现的示例。
但是一个例子的链接不起作用。有没有人有一个例子，如何添加一个‘鬼’预览时，拖动一个元素的触摸设备？
在笔记本电脑上预览工作。HTML5toTouch中的预览选项设置为true。
( 1)在笔记本电脑和触摸设备上使用dnd-multi-backend dnd时工作，但在触摸设备上不预览：
import MultiBackend, { TouchTransition } from 'react-dnd-multi-backend'
浏览 1提问于2019-03-15得票数 3
预期行为
当从上到下拖动时，行应该被拖到它的目标索引，反之亦然，使用DnD动画。
实际行为
行从底部拖动到顶部索引时不会得到DnD。从上到下拖动有效，但该项是在上一页索引之后添加的，而不是添加到目标索引中。DnD动画似乎也不起作用。
复制步骤
您可以参考沙箱来复制这个问题。
案例1:从上到下拖动
尝试从上到下拖动和一行索引。
您将看到行被拖到页面的最后一个索引，而不是目标索引。
案例2.从底部到顶部的拖动
尝试拖动并从下到顶索引行。
您将看到行没有被拖动，并且没有调用onDragEnd。
相同的代码适用于react虚拟化的列表组件，而不是Table组件。
您使用
浏览 8提问于2022-02-14得票数 2
回答已采纳
3回答
我正在从事一个react dnd项目，我正在遵循。一切工作正常，但我无法在拖动时滚动。
我需要一个滚动条，当我拖动一个项目时，已经到达了最后一个可放置源，然后它会自动滚动，并允许我将项目放在那里。
如果有人知道如何做到这一点，那么请与我分享。我会非常感激的。
浏览 0提问于2016-09-15得票数 1
我正在尝试在一个应用程序中同时使用D3、平行圆弧和材料表。每个组件单独运行良好。但是当这些一起呈现时，react- but dnd内部就会发生一个问题。D3平行圆弧在内部使用d3拖拽包，材料表使用react-beautiful dnd包。
<div className="App">
<Chart data={chartData} update={updateGridData} colorSet={colorSet} mouseOverRow={overRow} />
<EditableGrid data={gridData}
浏览 99提问于2020-05-14得票数 0
1回答
如何利用React获取实时坐标
、、、、
用于react-dnd的ReactJS库提供了用于拖动的begin和end回调。但是，我在文档中找不到一种方法来访问在拖放过程中触发的drag事件。在使用react-dnd的组件中访问此事件的正确方法是什么？
我需要实时反馈，这样我就可以显示正在进行的拖动的坐标。
预期：
function Draggable({ onDrag, children }) {
const [, drag] = useDrag({
item: { id, type },
onDrag, // this is not available in react-dnd
})
return &l
浏览 8提问于2020-05-29得票数 1
回答已采纳
看起来React DnD希望可拖动/可拖放的项成为兄弟项才能正常工作。如果其中一项属于另一个父项，我会得到“期望找到一个有效的目标”。只要drag over事件激发(当交换应该触发时)。 我从他们的文档中修改了一个例子，以防有人想尝试一下:坏掉的例子：https://codesandbox.io/s/broken-feather-qf0f2?file=/src/Container.jsx 调整位于底部。请注意，第一个卡片项目是在另一个div中与其余项目分开呈现的。 要触发错误，只需将第一个项目拖放到另一个项目中。请注意，如果您拖放任何其他项目，它们将正常工作。 原始示例：https://co
浏览 53提问于2020-07-29得票数 3
1回答
如何使用react-dnd使源元素与鼠标光标一起移动
这就是我正在做的事情(简化的例子)：
import React from 'react';
import ReactDom from 'react-dom';
import {DragDropContext, DragSource} from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
@DragSource("zzzz", {beginDrag: props => (
浏览 9提问于2017-03-20得票数 0
回答已采纳
我正在尝试使用react漂亮的-dnd库来使这个react dnd代码工作。
我不确定，但出于某种原因，我的2清单消失时，你开始拖动一个项目。
return (
<DragDropContext onDragEnd={this.onDragEnd}>
{board.lists.map((list, index) => (
<Droppable droppableId={list.name}>
{(provided, snapshot) => (
<di
浏览 0提问于2018-10-18得票数 1
回答已采纳
1回答
我试图使用拖动一个组件
我会试着让自己像一样，但只是暂时的拖拉。
在我的应用程序中，在所有组件之上，我导入react-dnd-html5-backend并包装我的应用程序：
import Backend from 'react-dnd-html5-backend'
import { DndProvider } from 'react-dnd'
render(
<Provider store={store}>
<FluentuiProvider theme={themes.teams}>
<DndProvid
浏览 2提问于2020-05-10得票数 3
回答已采纳
尝试使用react- but dnd来创建可拖拽的项目，但找不到为什么它如此“跳跃”。在移动项目并释放它之后，被拖动的项目和其他项目正在移动和缩放(参见包含的图像gif )。只有当拖动物品/卡片到列表的末尾时，它才会在没有任何动画的情况下稳定下来，这就是我想要的方式。
在基于javascript的css中使用material-UI样式和flex将容器与项目居中。
还尝试跳过建议的drop动画，但没有成功：
浏览 17提问于2019-12-02得票数 4
我在我的项目中使用react-beautiful dnd。 我正在尝试使两个可拖放的对象交换位置(在可拖放的对象之间)。基本上每个droppable只允许1个draggable。 一切都运行得很好，除了一个部分。当我将鼠标拖到可拖动对象上时，"move out of the way“功能会一直将它们移开，但我不希望这样。 有没有人知道不把拖拽的东西移走的方法？
浏览 12提问于2019-02-06得票数 0
2回答
我使用react漂亮-dnd复制元素，并将其放入先前创建的列中。
但是我想知道，当我拖动一个元素并删除它时，它是否会动态地创建列来删除它呢？我能行吗？
如果React漂亮-dnd不起作用，还有什么其他的React插件可以做到呢？
任何建议..。
浏览 1提问于2019-08-21得票数 0
回答已采纳
使用react-beautiful-dnd库，在拖动元素时(在删除它之前)，我的列上会出现一个奇怪的黑点。
例：
-
浏览 11提问于2022-11-02得票数 0
1回答
我需要的能力，有两个相同的项目，而他们不重复时，拖动在董事会。但是当我拖动一个存在于板中的物品时，它会记录“移动”。
相反，它应该添加另一个具有不同键的相同命名项。我找错了，请帮帮忙。
这是我的密码
import { React, useState } from "react";
import { useDrop } from "react-dnd";
import { ItemTypes } from "../ItemTypes";
import Items from "./Items";
const Board = ()
浏览 5提问于2021-09-12得票数 1
回答已采纳
我有一个图像，当我拖动的时候，我也想实现一个旋转。我想的解决方案是使用React DnD来获得拖动图像位置的xy坐标，并计算原始图像位置之间的差异。此差的值将构成进行旋转的基础。 我已经查看了监视器库上的示例，并且看到了监视器规范可以访问ReactDnD变量。这个监视器变量可以访问像getInitialClientOffset()这样的方法。当我实现一个具有这个值的console.log()时，它会在我释放鼠标时显示最后一个坐标集。 使用这个库，有没有一种简单的方法可以在我移动鼠标时获得被拖动元素的当前位置？ import React from 'react'
impor
浏览 256提问于2019-04-16得票数 7
当我从对话框中拖放时，react dnd库出现了问题。
当我在没有滚动到对话框末尾的情况下拖动项目时，每件事情都能正常工作，
但是，当我滚动到对话框的末尾时，无法拖动该项
另一件奇怪的事情是，这个问题并不存在于Firefox浏览器中，而只存在于chrome浏览器中。
注意:我在beginDrag和 endDrag 中放了一个endDrag，我发现endDrag是在begin之后直接调用的。
ScreenShot
浏览 3提问于2019-12-30得票数 0
回答已采纳
1回答
我一直在学习React，在过去的一个月里一直在做一个项目，但我开始意识到我的组件不一定是“可重用的”。我知道可重用性是React的一个重要概念，但我不知道如何简化我的组件。 例如，我有一个使用react-beautiful dnd的待办事项应用程序，它包含三个组件: DragDropContext、Droppable和Draggable。整个应用程序现在包含四个组件:主应用程序组件，它将数据传递给三个react-beautiful dnd组件。到目前为止，这是非常简单和可重用的。 现在，我想为每个任务添加一个信息按钮，当用户单击该按钮时，将显示第五个组件Info。为此，我需要向可拖动组件添加
浏览 19提问于2020-06-21得票数 2
现有react项目、Dnd列表和拖放项目的构建工作正常。 在github存储库上提交更改时，我得到了以下输出： Error ---------------------------------------- node_modules/react-beautiful-dnd/src/view/drag-drop-context/index.js:2:45
Cannot resolve module ./drag-drop-context.
2| export { default, resetServerContext } from './drag-drop-context';
^
浏览 43提问于2021-04-22得票数 0
我正在使用React Dnd (带鼠标后端)来拖拽项目，它的效果很不错。然而，我可能有一个我希望能够测试的用例：
monitor.isDragging()
从Source和Target组件之外，了解是否有当前的拖动操作。
浏览 0提问于2017-05-13得票数 0
我正在尝试在react虚拟化的List中设置react dnd可排序列表。我正在使用react dnd的示例如下：
我已经让它大部分工作，但当我拖动一个项目，我徘徊在上面的项目不调整他们的不透明度和重新排序正确。
将其与react dnd中的示例进行比较：
我制作了一个示例项目，演示了问题()，但将在这里粘贴代码。这是DragDropContext：
import React, {Component} from 'react';
import './App.css';
import {List} from 'react-virtuali
浏览 6提问于2017-06-03得票数 1
1回答
我使用的是react dnd，我可以在拖动时放一个图像，但是现在我想要一个图像，而不是一个我想要的自定义文本。
我发现了这个组件react dnd-text-drag预览，但是这个示例是react类组件。
我试过将"dragPreviewImage“放在"DragPreviewImage”的src中，但不起作用。
有人能帮我吗？
提前谢谢！
样本代码
...
import { DragPreviewImage, useDrag } from 'react-dnd';
import { boxImage } from '../components/box
浏览 5提问于2022-04-16得票数 0
1回答
我正在使用react-dnd-touch-backend。
我可以让我的DragSources正确拖动，但DropTargets不接受它们(或对被拖过时的反应)。
应用程序只为每个角色(DragSource和DropTarget)使用一个包装器组件。我还定义了一个自定义的拖动层。在添加自定义拖动层之前，拖放可以很好地工作，除了我的DragSources在iOS上是不可见的(这就是为什么我首先添加了拖动层)，但是现在我可以看到DragSources，但是DropTargets不起作用。
任何帮助都是非常感谢的。
DragSource：
import React from "react&#
浏览 4提问于2016-07-19得票数 0
1回答
我正在使用react漂亮的dnd在水平列表中拖动图像和视频。图像/视频使用div包装(位置设置为relative)。它对图像效果很好，但对视频效果不好。看起来html video元素并不会将点击、拖动事件传播到父div，而是用来播放/暂停视频。如何绕过此问题？我真的不需要视频控件吗？提前感谢
浏览 26提问于2020-06-28得票数 1
1回答
我用的是react dnd。我想删除一个拖放的对象，一旦它被使用。我以react dnd多个类型的例子为例，添加了一个删除的拖放。
当前行为: 1.拖动香蕉，右上角的垃圾箱突出显示2。将瓶子拖到左边的任意一个垃圾箱中。再次拖动香蕉，现在突出显示左边的两个垃圾箱。
预期行为: 1.将瓶子拖到左边的垃圾箱中。拖动香蕉，右上角应突出显示。
这是怎么回事，我该怎么解决呢？
浏览 18提问于2020-05-19得票数 0
回答已采纳
我在我的React项目中使用了漂亮的DnD，并且遇到了一个bug。只有可卸货容器中的最后一项是可拖的。当我单击其他项目时，它会给我一个警告：“无法找到id: id1拖动的”。虽然当我添加一个新的项目，新的项目也是拖动‘n’下垂。
这些是相关的代码片段: App.js -可丢弃容器
<DragDropContext onDragEnd={onDragEnd}>
<div className='flex flex-col items-center h-screen'>
<Droppable droppableId=&
浏览 1提问于2021-12-01得票数 0
我最近一直在尝试使用react漂亮的dnd来构建一个类似trello的应用程序。我可以让draggables拖动元素，但当我抓取要拖动的元素时，所有可拖动的元素都会随之拖动。我一直在看react- but dnd的egghead.io课程和文档，但仍然无法弄清楚为什么所有的拖拽工具都在拖拽。 下面是我的droppable代码示例： <div>
<Droppable droppableId={toString(this.props.column.column_id)}>
{p
浏览 53提问于2020-01-19得票数 0
我有一组可以使用Dojo DND拖放的项目，这部分已经实现，一切都运行良好。我的具体问题是，当项目被拖动时，我想要显示与项目的初始视图在内容和视觉上都非常不同的数据，这是当项目被拖动时当前正在显示的数据，我该如何做？
浏览 0提问于2009-11-17得票数 0
回答已采纳
我一直在使用‘react- but dnd’制作可拖动的Material-UI树，但我得到了以下错误： Uncaught TypeError: children is not a function
at Droppable (react-beautiful-dnd.esm.js:8346)
at renderWithHooks (react-dom.development.js:14985)
at mountIndeterminateComponent (react-dom.development.js:17811)
at beginWork (react-d
浏览 52提问于2021-08-04得票数 1
回答已采纳
2回答
我正在尝试使用react-dnd在react-js中制作一个国际象棋游戏。 我正在尝试在不同的div(代表棋盘方块)之间创建可拖放的png图像。 我试着将图像背景颜色的不透明度设置为0，但不起作用 问题是，当我拖动图像时，图像采用正方形背景颜色，是否可以将其从拖动图像中删除？如果没有，有没有其他的拖放库可以实现呢？
浏览 14提问于2019-04-14得票数 1
我使用的是“拖放列表”()。
默认行为是，在<li>元素上的任意位置单击拖动都会导致该<li>移动。
有没有一种方法可以限制这种行为，以便用户需要单击<li>的特定子元素
我设置了一个<li> ()，其中每个div包含两个div，如下所示：
<ul dnd-list="models.lists.A">
<li ng-repeat="item in models.lists.A"
dnd-draggable="item"
dnd-move
浏览 1提问于2016-11-16得票数 0
我有列里面有物品。目前，根据我从react-beautiful-dnd复制的代码，列和项都是可拖动的，而且运行良好，但我不希望这些列是可拖的。
如果我删除了<Draggable/>组件，React就会因为将函数作为子函数而感到不安。我试过很多其他的东西，没有任何运气。有关于如何从此组件中删除列拖动功能的建议吗？
// @flow
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'react-emotion';
impor
浏览 0提问于2019-04-25得票数 0
回答已采纳
我正在尝试将React钩子与atlassian/react-beautiful dnd 一起使用
list中的reorder函数看起来工作正常。但是提供者部分有一些问题。
当我拖动可拖拽的项目时，它会变成TypeError
我几乎被困在这里了。
import React from 'react';
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
const reorder = (list, startIndex, endIndex) =>
浏览 6提问于2019-10-28得票数 0
我试图使用react漂亮-dnd来拖放列表，但我的元素是不可拖动的，我得到了Unable to find draggable with id: X。我已经将我的代码与文档中的示例进行了交叉检查，但无法找到我需要修复的内容。我使用常量id作为key和draggableId道具。
代码：
编辑1:我期望代码能够拖动和重新排列项目，但是当状态更新没有实现时，它将返回到它们的初始位置。
浏览 20提问于2022-04-10得票数 6
回答已采纳
我使用是为了使一个项目可拖放。目前使用以下脚本：
用户单击“使可移动”按钮，div现在是可拖动的。
用户必须指向并拖动div才能开始拖动。
我需要以以下方式改变它的行为：
用户点击并保持按下“使移动”按钮。
div立即可拖动，并采取鼠标光标的位置。
我试过使用 /dnd/start，但没有成功。
有什么办法解决这个问题吗？
require(["dojo/dnd/Moveable", "dojo/dom", "dojo/on", "dojo/domReady!"],
function
浏览 18提问于2015-05-06得票数 0
我的React web应用上有两个专栏。我想要有一个可拖动的材料ui卡列表(在第一列中)，我想要将这些卡从一列拖到另一列。Material UI目前不提供内置的卡片拖动功能。是否可以使用react dnd进行此操作？如果是，那么是如何实现的？
浏览 0提问于2016-11-16得票数 1
我在上查看了有关dojo拖放特性的教程。但我注意到的一件事是，在所有示例中，要拖动的项始终是一个简单的项，只是一个字符串对象……
我需要创建一个类似于项目组的东西，您可以将项目拖动到项目组中，以附加到组中，并将项目组作为一个整体进行拖动。
因此我的问题是，是否可以将一个dojo.dnd.Source项拖放到另一个dojo.dnd.Source项中？
浏览 3提问于2011-03-03得票数 1
回答已采纳
1回答
使用dojo.dnd，我希望允许用户一次只拖动一项()，而不是按dojo的默认行为拖拽任意数字。
目前，用户可以一次按住Ctrl并单击多个可拖动的项，然后将它们作为一个组拖放。我想禁用这一点，以便用户在任何给定时间只能拖动一个项目。
我使用的是dojo.dnd.Source()，如下所示。
new dojo.dnd.Source(containerNode)
...which使containerNode的所有子节点都可以拖动。
谢谢。
浏览 0提问于2009-10-21得票数 5
回答已采纳
我正在尝试在我的react项目中使用react DnD。在我的render方法中，我定义了一个名为Populate的变量，如下所示，它返回一个卡片列表，如下所示
render() {
var isDragging = this.props.isDragging;
var connectDragSource = this.props.connectDragSource;
var Populate = this.props.mediaFiles.map((value) => {
return(
浏览 0提问于2016-11-17得票数 0
3回答
默认情况下，dojo.dnd.Source容器允许您按住Ctrl键来复制/复制拖动的项，而不仅仅是移动它。
我知道您可以将singular=true设置为停止拖动多个项目，但我如何停止复制？复制项目在我的项目的上下文中没有任何意义(我正在制作一个可拖动的列表，用于在网站菜单上重新排序页面)。
谢谢
浏览 4提问于2011-01-05得票数 5
回答已采纳
我正在使用react-dnd库实现拖放机制，但我发现很难为我的拖放目标设置样式。我想向用户显示哪个drop目标是可用的，但是使用isOver和canDrop只会将当前正在悬停的项目样式化。
如果我使用!isOver值，那么所有的div都是样式化的，甚至没有拖动任何元素。
当拖放元素发生时，我如何才能将拖放目标设置为(仅为)？
到目前为止，这是我的代码，用于@DropTarget：
import React from 'react';
import {DropTarget} from 'react-dnd';
import {ItemTypes} from
浏览 2提问于2017-12-24得票数 1
回答已采纳
1回答
我正在使用react优美-dnd库来实现拖动组件，这些组件位于同一个主组件中。代码给出了，请帮我弄清楚。元素被拖动，但不会停留在原地，附近的元素也会移动。
浏览 4提问于2022-01-18得票数 -1
我正在使用HTML5拖动和滴水。在Windows7上拖放(DnD)期间，当我拖动一个项目时，我没有看到鬼图像。它影响所有浏览器。我怎么才能把它展示出来？
浏览 0提问于2014-09-15得票数 1
回答已采纳
1回答
我用的是反应-漂亮-dnd
找不到任何解决方案，以改变拖放点击区域。当我单击自定义区域(而不是整个可拖动元素)时，我需要拖动项目。
例如，可拖放元素具有图标和文本。当我单击元素的任何位置时，默认行为允许我拖动项目。
我需要只点击图标为拖动元素。如何指定拖动元素的单击区域？
浏览 2提问于2020-04-21得票数 11
回答已采纳
如何确保可拖动组件不会超出react-beautiful dnd中的Dropable区域或某个特定的div？ 我希望确保可拖动组件不会超出某个特定的div或区域或外部可拖放区域。 在当前时间，我找不到任何工作来限制可拖动组件在某个特定区域或容器中的移动。非常欢迎您的帮助和建议。 谢谢
浏览 147提问于2021-01-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
