Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

onDrop's arguments dropPosition not equal allowDrop's arguments dropPosition

Aberta
  • Algo errado?
#654 2 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
45/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece com a reprodução vinculada do CodeSandbox e compare os parâmetros registrados por allowDrop e onDrop enquanto arrasta title4-3 para antes de title4-0. Rastreie o ponto de entrada de arrastar e soltar usado pelo RcTree e verifique se ambos os callbacks relatam a mesma dropPosition nesse caso.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

import RcTree from "rc-tree";
import "rc-tree/assets/index.css";

const treeData = [
  {
    title: "title0",
    key: "key0"
  },
  {
    title: "title1",
    key: "key1"
  },
  {
    title: "title2",
    key: "key2"
  },
  {
    title: "title3",
    key: "key3"
  },
  {
    title: "title4",
    key: "key4"
  },
  {
    title: "title5",
    key: "key5",
    children: [
      {
        title: "title4-0",
        key: "key4-0"
      },
      {
        title: "title4-1",
        key: "key4-1"
      },
      {
        title: "title4-2",
        key: "key4-2"
      },
      {
        title: "title4-3",
        key: "key4-3"
      }
    ]
  },
  {
    title: "title6",
    key: "key6"
  }
];

export default function App() {
  return (
    <RcTree
      allowDrop={(params) => {
        if (Math.random() > 0.99) {
          console.log("allow drop:", params);
        }
        return true;
      }}
      onDrop={(params) => {
        console.log("on Drop:", params);
      }}
      draggable
      defaultExpandAll
      treeData={treeData}
    />
  );
}

quick codesandbox

try to drag title4-3 as first child(before title4-0), and see console

Linguagem predominante
TypeScript
Estrelas
1.3k
Forks
490
Nenhum PR com merge em 30d

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

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de react-component/tree

Todas as issues de react-component/tree

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.