Question

我的React网络应用上有两列。我希望有一个可拖动材料ui卡列表（在第一列中），我想将卡从一列拖到另一列。材质UI现在不提供卡片的内置拖动功能。是否有可能与反应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)

用物质ui卡反应Dnd

1 个答案: