React Dnd с картой ui материала

Question

У меня две колонки в моем приложении React для веб-приложений. Я хочу иметь список перетаскиваемых материалов ui-карт (в первом столбце), которые я хочу перетащить из одной колонки в другую. Интерфейс пользовательского интерфейса теперь не предоставляет встроенные функции перетаскивания с картами. Можно ли это сделать с помощью реакции dnd ?? Если да, то как?

Answer 1

Я думаю, когда вы используете карту из материала-интерфейса, вы можете создать 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)