问题描述
我有一个想要拖放的卡片列表。我希望用户可以通过按下卡片(而不是整个卡片)上的特定位置 (div) 来拖放。我将此 div 转移到子组件并在此 div 上添加 {...provided.dragHandleProps}。一切正常,但我在控制台中出错,无法找到拖动手柄。我该如何解决这个问题?
const posts = (
<DragDropContext onDragEnd={this.dragDrop}>
<Droppable droppableId="dragCards">
{(provided) => (
<div ref={provided.innerRef}>
{cards.map((item,index) => {
return (
<Draggable draggableId={item.key} index={index}>
{(provided) => (
<div
ref={provided.innerRef}
{...provided.draggableProps}
>
<Cards
dragChip={
<div {...provided.dragHandleProps}>
{dragChip}
</div>
} />
</div>
)}
</Draggable>
);
})}
{provided.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
);
这是div,我转移到子组件。
const dragChip = (
<div >
drag me
</div>
);
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)