更改反应-美观-免打扰可拖动点击区域 [英] Change react-beautiful-dnd draggable click area

问题描述

我正在使用Reaction-Beauty-DND

找不到任何更改可拖动点击区域的解决方案。 在自定义区域(而不是整个可拖动元素)中单击时需要拖动项。

例如，可拖动元素具有图标和文本。默认行为允许我在单击该元素的任何位置时拖动项目。

我只需要点击拖动元素的图标。 如何为拖动元素指定单击区域？

推荐答案

解决方案： 只需将{...provided.dragHandleProps}从可拖动的div移到子目录，即可用作拖拽区域。 示例：

<Draggable draggableId='draggable-1' index={0}>
{(provided)=>(
  <div
  ref={provided.innerRef}
  {...provided.draggableProps}
>
<div {...provided.dragHandleProps}>DRAG AREA HERE</div>
  <li>item</li>
</div>
)
}
</Draggable>

这篇关于更改反应-美观-免打扰可拖动点击区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！