选择退出的“迁出的方式”功能？

Posted 2023-01-19

我使用的反应 - 美丽 - 免打扰我的项目。

我想提出两个拖拽元素交换位置（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' : ''`

就像我说的，这是相当哈克，所以如果有一个更“正确”的方式，让我知道！