how to use onEnd event ?
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 20/100
- Tipo de issue
- Bug
- Clareza
- Precisa de esclarecimento
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react
- Domínio
- frontend
Direção de pesquisa
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.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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>
- Linguagem predominante
- JavaScript
- Estrelas
- 9.3k
- Forks
- 1k
- Merge médio
- 21min
- PRs com merge (30d)
- 1
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-grid-layout/react-draggable
-
React.lazy(() => import('react-draggable')) fails TypeScript: typeof Draggable is not assignable to ComponentTypeTalvez já em andamento @tevinch assumiu há 23 dias. Abertabug ready-for-agent
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 72/100
react-grid-layout/react-draggable#822 · 2 comentários ·
-
bug needs-info
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
react-grid-layout/react-draggable#782 · 2 comentários ·
-
bug needs-info
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 25/100
react-grid-layout/react-draggable#772 · 1 comentário ·
-
error in react 19Talvez já em andamento @Juice-de-Orange assumiu há 19 dias. Abertabug ready-for-agent
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
react-grid-layout/react-draggable#771 · 14 comentários · 31 reações ·
-
enhancement ready-for-agent
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
react-grid-layout/react-draggable#762 · 1 comentário ·
Todas as issues de react-grid-layout/react-draggable
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 77/100
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 80/100
MagicMirrorOrg/MagicMirror#4310 · 1 comentário · 1 reação ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
bluerobotics/Cockpit-docs#48 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
tc39/proposal-temporal#3332 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
opennextjs/opennextjs-cloudflare#1461 ·
Mantenedores costumam responder em até 1 dia