From a21a632a4b7c285527f65fce4b531f396aada094 Mon Sep 17 00:00:00 2001 From: Jerry Yan <792602257@qq.com> Date: Sat, 31 Jan 2026 14:14:16 +0800 Subject: [PATCH] =?UTF-8?q?refactor(DataManagement):=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=9B=86=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E7=9A=84=E6=96=87=E4=BB=B6=E8=8E=B7=E5=8F=96=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将文件获取逻辑从 fetchDataset 函数中分离到独立的 useEffect 钩子 - 添加 dataset.id 依赖以确保在数据集加载后获取文件 - 修复初始加载时可能发生的文件获取时机问题 - 改进组件渲染性能通过更精确的依赖跟踪 - 保持原有功能不变但提升代码可维护性 --- .../src/pages/DataManagement/Detail/DatasetDetail.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/pages/DataManagement/Detail/DatasetDetail.tsx b/frontend/src/pages/DataManagement/Detail/DatasetDetail.tsx index b3d106a..1045deb 100644 --- a/frontend/src/pages/DataManagement/Detail/DatasetDetail.tsx +++ b/frontend/src/pages/DataManagement/Detail/DatasetDetail.tsx @@ -198,8 +198,14 @@ export default function DatasetDetail() { return; } fetchDataset(); - filesOperation.fetchFiles("", 1, 10); // 从根目录开始,第一页 }, [id]); + + useEffect(() => { + if (dataset?.id) { + filesOperation.fetchFiles("", 1, 10); // 从根目录开始,第一页 + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [dataset?.id]); useEffect(() => { if (dataset?.parentDatasetId && activeTab === "children") { setActiveTab("overview");