我已经花了几天的时间来了解为什么在某些情况下，使用React DnD进行拖放操作的速度如此之慢。

更确切地说，问题实际上并不是在拖动元素时，而是在开始拖动元素时：单击并处理单击元素并移动光标，它可能占用最多该元素出现在我的光标下方10秒钟。拖动本身有点迟钝，但可以接受，这不是问题所在。

我终于发现，随着放置目标数量的增加，它变得越来越慢。例如，屏幕上可以有50个组件，每个组件都不是一个，而是两个放置目标，因为我将其作为“顶部放置目标”和“底部放置目标”来处理，因此可以将元素放置在其上方或下方取决于光标所在的位置。只需消除这些可能性之一，性能就可以大大提高。

我猜这个问题源于以下事实：当我开始拖动时，DnD层会搜索所有可能的放置目标的组件，然后...使用它们执行操作（使用connect.dropTarget（）函数）。 / p>

是否有避免这种情况的方法，还是DnD起作用的原因？就像，当鼠标悬停在放置目标时，是否可以检测它们，而不是在开始拖动元素时将其全部加载？例如，当它们悬停时，我仍然需要更改其样式。

顺便说一句，我仍在使用旧版装饰器API，新的hooks API是否可以改善性能？

谢谢。