2016-11-16 10 views
0

私のReact Webアプリケーションには2つのカラムがあります。私はある列から別の列にカードをドラッグしたいドラッグ可能な材料uiカード(最初の列)のリストを持っていたいと思います。マテリアルUIでは、カードの組み込みドラッグ機能は現在提供されていません。それは反応dndでそれを行うことは可能ですか?はいの場合はどうですか?材料IDカードとのDndを

+0

を以下ましたCardDNDコンポーネントを作成することも推測「あなたは何を試してみましたが?」あなたはエラーが出ていますか?どんな種類ですか?...これを見てください:http://rafaelquintanilha.com/sortable-targets-with-react-dnd/そしてdivsをカードで置き換えてください – jakeed1

答えて

0

私はあなたが材料-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)