reactjs - 用材料 ui 卡反应 Dnd

Question

我的 React Web 应用程序上有两列。我想有一个可拖动的材料 ui 卡列表（在第一列中），我想将卡从一列拖到另一列。Material UI 目前不提供内置的卡片拖动功能。是否可以通过 react dnd 来做到这一点？如果是，那怎么办？

Answer 1

我想当您使用 material-ui 中的 Card 时，您可能想要创建CardDND具有以下模式的组件

 import Card from 'material-ui/Card
 import { DragSource } from 'react-dnd'
 const CardDND = (props) => {
  const { connectToDragSource } = props;
  return connectToDragSource(<Card {...props} />);
 }
 export default DragSource('CARD', spec, collect)(CardDND)