Сохранить положение перетаскиваемых элементов с помощью Dragula Drag and Drop
Я использую react-dragula для перетаскивания карточек. Мне нужно сохранить его после перетаскивания. Как мне сохранить положение карточек после перетаскивания?
Это функция.
const dragDropRow1 = (componentBackingInstance) => {
if (componentBackingInstance) {
let options = { };
Dragula([componentBackingInstance], options);
console.log("find1", options)
console.log("find2", componentBackingInstance)
console.log("find3", dragDropRow1)
}
};
Вот как я использую функцию в теле.
<Grid container ref={dragDropRow1} spacing={2} className="dragdrop-container">
Это карты, которые я использую в теле.
< Typography variant = "subtitle1"
component = "h2"
className = "widget-title" > {
getLabel({
module: "frontOfficerDashboard",
label: "opd appointments"
})
} <
/Typography> <
Box className = "widget-table" >
<
Box display = "flex" >
<
Box flexGrow = {
1
} >
<
Typography variant = "body2"
component = "p"
className = "color-primary" > {
getLabel({
module: "frontOfficerDashboard",
label: "today total"
})
} <
/Typography> <
/Box>