reactjs - 如何拖放 Material-UI 卡片

Question

是否可以拖放和更改材质 UI 卡的排序？如果是这样，怎么做？ https://material-ui.com/components/cards/

标签： reactjsmaterial-ui

Answer 1

是否可以拖放和更改 Material UI Cards 的排序/

是的。

如何？

您可以使用react-dnd或react-beautiful-dnd。

他们有很多关于如何做的例子，你可以在这里查看 react-dnd。

这是一个如何做到这一点的工作示例，它基于 react-dnd 示例。

这就是react-beautiful-dnd关于这两个选项的内容：

有很多库允许在 React 中进行拖放交互。其中最值得注意的是惊人的 react-dnd。它在提供一组出色的拖放原语方面做得非常出色，这些原语与非常不一致的 html5 拖放功能配合得特别好。react-beautiful-dnd 是专为列表（垂直、水平、列表之间的移动、嵌套列表等）构建的更高级别的抽象。在该功能子集中，react-beautiful-dnd 提供了强大、自然和美观的拖放体验。但是，它没有提供 react-dnd 提供的广泛功能。所以 react-beautiful-dnd 可能不适合你，这取决于你的用例是什么。