Reactjs 更改dnd可拖动单击区域

我正在使用dnd

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

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

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

解决方案： 只需将{…provided.dragHandleProps}从Draggable div移动到child，即您想要用作拖动区域的位置。 例如：

解决方案： 只需将{…provided.dragHandleProps}从Draggable div移动到child，即您想要用作拖动区域的位置。 例如：

<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>