Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
  • ¿Algo no está bien?
#654 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con la reproducción vinculada de CodeSandbox y compara los parámetros registrados por allowDrop y onDrop mientras arrastras title4-3 antes de title4-0. Traza el punto de entrada de arrastrar y soltar utilizado por RcTree y verifica después que ambos callbacks informen de la misma dropPosition en este caso.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
1.3k
Forks
491
Merge medio
48 min
PR fusionados (30 d)
1

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-component/tree

Todos los issues de react-component/tree

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.