【发布时间】：2021-08-05 14:11:23
【问题描述】：
我们有一个显示统计信息的仪表板，类似于 Posters Galore react-admin 演示 (https://marmelab.com/react-admin-demo/#/)。
我们想找到一种方法，允许用户将小部件拖到自定义配置中。
对用于拖放的反应库有什么想法吗？
谢谢
【问题讨论】：
标签： reactjs drag-and-drop widget react-admin
【发布时间】：2021-08-05 14:11:23
【问题描述】：
经过更多研究后，我决定尝试 React-Grid-Layout。
https://github.com/react-grid-layout/react-grid-layout
它具有我一直在寻找的开箱即用功能。似乎在引擎盖下使用了 react-draggable 和 react-resizable 。
如果我能找到一些人们使用它来构建以网格模式对齐的可拖动框的示例，我可能仍然会查看 react-dnd。
【讨论】：
您可以尝试使用 react-dnd 库。这是实现拖放广告方法的最佳方式。 在这里我已经提到了github代码细节供您参考，
https://github.com/react-dnd/react-dnd
或者您需要详细说明，请参阅下面的 react-dnd 关于页面，
https://react-dnd.github.io/react-dnd/about
请查看上面提到的 url 或者你可以查看 react 拖放库，
https://www.npmjs.com/package/react-drag-and-drop
https://www.npmjs.com/package/react-draggable
希望对您有所帮助。祝你有美好的一天:)
【讨论】：
-
谢谢。是的，我确实看过，但不确定用它来实现网格系统有多难。你以前试过吗？在 about 页面中，“......将其视觉方面（例如轴约束或对齐）留给您。”我想我只是不确定这会有多难。