Réagissez Dnd avec la carte d'interface matérielle

Question

J'ai deux colonnes sur mon application web React. Je veux avoir une liste de cartes ui matérielles déplaçables (dans la première colonne) que je veux faire glisser des cartes d'une colonne à l'autre. L'interface utilisateur matérielle ne fournit pas de fonctionnalité de glissement intégrée avec des cartes en ce moment. Est-il possible de le faire avec réaction dnd ?? Si oui alors comment?

Answer 1

Je suppose que, vous voudrez peut-être lorsque vous utilisez la carte de matériau pour créer ui CardDND composant qui a motif suivant

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)