Usé la biblioteca kanban para arrastrar y soltar y ahora quiero que se guarde su ubicación después de arrastrar y soltar. Después de actualizar la página, deberían estar en la posición guardada
Todavía no he probado la cookie . ¿Qué sugieren ustedes, chicos? Gracias por tu ayuda
import ReactDOM from "react-dom"; import Board, { moveCard } from "@lourenci/react-kanban"; import "@lourenci/react-kanban/dist/styles.css"; function ControlledBoard() { // You need to control the state yourself. const [controlledBoard, setBoard] = useState(board); function handleCardMove(_card, source, destination) { const updatedBoard = moveCard(controlledBoard, source, destination); setBoard(updatedBoard); } return ( <Board onCardDragEnd={handleCardMove} disableColumnDrag> {controlledBoard} </Board> ); } function UncontrolledBoard() { return ( <> <Board allowRemoveLane allowRenameColumn disableColumnDrag allowRemoveCard onLaneRemove={console.log} onCardRemove={console.log} onLaneRename={console.log} initialBoard={board} allowAddCard onNewCardConfirm={draftCard => ({ id: new Date().getTime(), ...draftCard })} onCardNew={console.log} /> </> ); } function App() { return ( <> <h4>Example of an uncontrolled board</h4> <UncontrolledBoard /> <h4>Example of a controlled board</h4> <p>Just the card moving is implemented in this demo.</p> <p> In this kind of board, you can do whatever you want. We just mirror your board state. </p> <ControlledBoard /> </> ); } const rootElement = document.getElementById("root"); ReactDOM.render(<App />, rootElement);```Almacenar la ubicación de cada instancia, como un objeto con origen y destino, en localStorage puede resolver el problema
localStorage.setItem( `instance`, JSON.stringify({ board: { source: value, destination:value }, }) );