当使用 dnd-kit (很棒的库,顺便说一句)实现可交换网格时,我面临以下问题:有很多不需要的移动。看起来像这样,检查 7 号单元格:
如何避免这个问题?也许可以通过使用自定义碰撞检测算法在碰撞检测中引入一些延迟来完成,但我无法真正了解具体如何实现。
您可以在 DndContext 属性中更改碰撞检测
您可以在这里找到它: https://docs.dndkit.com/api-documentation/context-provider#collision-detection
这里有更多信息: https://docs.dndkit.com/api-documentation/context-provider/collision-detection-algorithms
您还可以转到node_modules中的dnd-kit文件并找到碰撞检测道具的名称:
我用这个:
collisionDetection={closestCenter}