选择退出“移开”功能？

Question

我正在为我的项目使用react-beautiful-dnd。

我正在尝试使两个可拖动对象交换位置（在可放置对象之间）。基本上，每个可放置对象只允许1个可拖动对象。

一切正常，除了一部分。功能“ move out of the way”会在我拖动可拖动对象时将其移开，但我不希望这样。

有人知道不将可拖动对象移开吗？

Answer 1

我设法自己找到了解决方案！这是一种骇人听闻的方法，因此，如果有人知道更干净的方法，请告诉我。

如果其他人想知道如何执行此操作，请按以下步骤操作：

我创建了一个不可翻译的类：

gem

然后在可拖动组件中添加以下内容：

.non-translatable {
    -webkit-transform: unset !important;
    transform: unset !important;
  }

如果您不想使用classnames包，则几乎是相同的：

className={cx('my-draggable', {   // cx is from the classnames package
              'non-translatable': !snapshot.isDragging,
            })}

就像我说的那样，这很hacky，所以，如果有更“正确”的方式，请告诉我！