Using React Draggable for dragging list items.

Aperta
#703 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
25/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
javascript, react
Ambito
frontend

Direzione di ricerca

No repository file or test is named. Start by reviewing the react-draggable API and the linked react-beautiful-dnd behavior, then determine whether automatic repositioning and moving items between lists fit this component's scope; done would be a clearly documented recommended approach or a defined feature proposal.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Hi,

I want to use react-draggable in my project for dragging list items, from one list to another list and also within a list. For this use case, react-beautiful-dnd provides an easy to use API. The issue is I am already using react-draggable in my project where I freely dragging a Modal on the screen, due to this I do not want to add one more drag and drop related library in my project.
I find one blog which uses react-draggable for dragging list items within a list: https://www.copycat.dev/blog/react-draggable/
But this is not handling the automatic repositioning of list items like react-beautiful-dnd handles (ref: https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)

Is there any recommended way which I can use to build list item dragging use case using react-draggable?

Lingua principale
JavaScript
Stelle
9.3k
Fork
1k
Merge medio
3g 8h
PR unite (30g)
4

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-grid-layout/react-draggable

Tutte le issue di react-grid-layout/react-draggable

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.