React Dnd與材料的ui卡

Question

我在我的React網絡應用程序有兩列。我想要有一個可拖動的材料UI卡列表（在第一列），我想將卡從一列拖到另一列。 Material UI現在不提供內置卡片的內置拖動功能。是否有可能與反應dnd做？如果是，那麼如何？

Answer 1

我想，當你從材料的UI使用的卡，你可能要創建哪些有以下模式

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)