如何将 Draggable 捕捉到网格？ （材质界面）

Question

我正在尝试制作一张可拖动的卡片，它位于网格顶部，当移动时，我希望它贴合到 Grid 的不同部分。我能够创建包含列和行以及可拖动项目的网格，但我不确定 snap to grid 是否可以使用 Material UI。有没有办法通过使用 Material UI 和 ReactJS 来做到这一点？

如果 Material UI 无法实现，是否可以使用其他依赖项来实现此目的？

Answer 1

我用过很多拖放库，但最喜欢this one。你可以试试看。

https://bokuweb.github.io/react-rnd/stories/?path=/story/grid--both 有一个故事书演示。我认为这完美地解决了您的问题。