Hacktoberfest 2026：維護者為十月標記出來的 issue，仍然開放、適合新手。 瀏覽 Hacktoberfest issue

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

未關閉
  • 哪裡不對？
#654 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
3/5
預估耗時
1-2 天
新手友好度
45/100
Issue 類型
缺陷
描述清晰度
基本清楚
活躍度
停滯
技術堆疊
react, typescript
領域
frontend

研究方向

從連結的 CodeSandbox 重現開始，在將 title4-3 拖到 title4-0 之前時，比較 allowDrop 和 onDrop 記錄的參數。追蹤 RcTree 使用的拖放進入點，然後確認在此情況下兩個 callback 回報相同的 dropPosition。

由索引模型根據 Issue 內容生成。

描述

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

主要語言
TypeScript
星號
1.3k
分支
491
30 天內沒有已合併 PR

環境準備

這個專案沒有提供開發容器、Dockerfile 或貢獻指南，環境需要你自己搭建：先看它的 README，通用步驟見我們的新手貢獻指南。

從這裡開始

  1. 先讀完整個 Issue，再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫，在一個分支上完成修改。
  4. 送出 Pull Request，並在描述裡引用這個 Issue 編號。

react-component/tree 的其他 Issue

查看 react-component/tree 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。