用材料 ui 卡反应 Dnd答案

【问题标题】：React Dnd with material ui card用材料 ui 卡反应 Dnd
【发布时间】：2016-11-16 09:25:34
【问题描述】：

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

【问题讨论】：

我不会再问你常见的问题，比如“你试过什么？”和“你遇到错误了吗？什么样的？”...看到这个：rafaelquintanilha.com/sortable-targets-with-react-dnd 并用 Cards 替换 divs

标签： reactjs material-ui react-dnd

【解决方案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)

【讨论】：

我们的规格和收集在这里