拖动时React Beautiful DND可拖动卡片位置问题答案

【问题标题】：React Beautiful DND draggable card position problem while drag拖动时React Beautiful DND可拖动卡片位置问题
【发布时间】：2022-08-24 07:04:15
【问题描述】：

我面临卡和光标之间的差距问题。拖动卡片时光标不粘。在这里，我附上了一个显示间隙并插入代码的屏幕截图。

这是一列，它包含一个滚动条，滚动然后拖动时间隙会增加。

这是 Draggable 组件代码

 <Draggable key={`${id}`} isDragDisabled={idDisabled} draggableId={JSON.stringify(actionData)} index={index} >
            {(provided, snapshot) => (
                <div
                    className={`rx-actions-card-list draggable-card ${moment(dueDate) > moment() ? \'border-left-green\' : \'border-left-red\'}`}
                    ref={provided.innerRef}
                    {...provided.draggableProps}
                    {...provided.dragHandleProps}
                    style={{
                        ...provided.draggableProps.style,
                    }}
                >

标签： reactjs npm react-hooks drag-and-drop react-beautiful-dnd

【解决方案1】：

遇到同样的问题，你解决了吗？

【讨论】：