我使用的反应 - 美丽 - 免打扰我的项目。
我想提出两个拖拽元素交换位置(droppables之间)。基本上我只允许每个可投放1拖动。
一切工作正常,除了一个部分。该功能“move out of the way”继续移动拖拽元素离开时,我拖过他们,但我不希望这样。
有谁知道不动拖拽元素的方式进行的一种方式?
我设法找到一个解决办法喽!这是一个哈克之一,所以如果有人知道这样做的一个更清洁的方式,请让我知道。
如果任何人想知道如何做到这一点,这里是我做到了:
我创建了一个类非stranslatable:
.non-translatable {
-webkit-transform: unset !important;
transform: unset !important;
}
然后在我的拖拽组件添加此:
className={cx('my-draggable', { // cx is from the classnames package
'non-translatable': !snapshot.isDragging,
})}
如果你不希望使用类名包,这是几乎相同的:
className={`my-draggable${!snapshot.isDragging ? ' non-translatable' : ''}`}
就像我说的,这是相当哈克,所以如果有一个更“正确”的方式,让我知道!