how to use onEnd event ?
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 20/100
- Type d'issue
- Bug
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- javascript, react
- Domaine
- frontend
Piste de recherche
Start at the ReactSortable entry point and its onEnd/setList API, then reproduce the provided grouped-list example with two lists. Done means the grouped drag updates the shared columns state once through the supported event flow; no test or source file is named in the issue.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
setList not well work with group list,
This is a very common requirement, but react-dragablesjs doesn't work, I think it needs the onEnd event, how do I do it? Also, the main reason might be that he has two setList's to execute, when in reality, only one is needed, like in other sort libraries, and the logic is only done in the onEnd event
const leftColumns = useMemo(() => {
return []
}, [columnsState])
const centerColumns = useMemo(() => {
return []
}, [columnsState])
const setLeftColumns = (list) => {
setColumnsState(newColumnsState)
}
const setCenterColumns = (list) => {
setColumnsState(newColumnsState)
}
<ReactSortable
animation={150}
group="shared-group-name"
list={leftColumns}
setList={setLeftColumns}
></ReactSortable>
- Langage dominant
- JavaScript
- Étoiles
- 9.3k
- Forks
- 1k
- Merge moyen
- 3 j 8 h
- PR mergées (30 j)
- 4
Préparer son environnement
Nous n'avons pas encore vérifié les fichiers d'installation de ce projet. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de react-grid-layout/react-draggable
-
Difficulté 3/5 1-2 jours Accessibilité débutants 72/100
-
Difficulté 4/5 3-5 jours Accessibilité débutants 25/100
react-grid-layout/react-draggable#784 · 4 commentaires · 2 réactions ·
-
V4.5.0 Chrome Extension ErrorOuverte
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
react-grid-layout/react-draggable#782 · 1 commentaire ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 25/100
react-grid-layout/react-draggable#781 · 1 commentaire · 2 réactions ·
-
the new version 4.5.0 会导致系统打包报错Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 25/100
react-grid-layout/react-draggable#780 · 8 commentaires ·
Toutes les issues de react-grid-layout/react-draggable
Issues similaires
-
curriculum documentation quality
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
githubnext/gh-aw-workshop#3897 ·
Les mainteneurs répondent en général sous 2 jours
-
agent/quality hive/hosted-available-lke648397-260827-5n31 quality testing
Difficulté 2/5 1-3 heures Accessibilité débutants 91/100
Les mainteneurs répondent en général sous 1 jour
-
Add: RSV Honduras FeedOuvertecheck:failed feeds:add
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
iptv-org/database#36179 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
[Bug] : Main navigation "Upcoming Events" link navigates to /events/ without query parameterOuvertebug
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
Les mainteneurs répondent en général sous 1 jour