You've already forked DataMate
refactor(DataManagement): 优化数据集详情页面的文件获取逻辑
- 将文件获取逻辑从 fetchDataset 函数中分离到独立的 useEffect 钩子 - 添加 dataset.id 依赖以确保在数据集加载后获取文件 - 修复初始加载时可能发生的文件获取时机问题 - 改进组件渲染性能通过更精确的依赖跟踪 - 保持原有功能不变但提升代码可维护性
This commit is contained in:
@@ -198,8 +198,14 @@ export default function DatasetDetail() {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
fetchDataset();
|
fetchDataset();
|
||||||
filesOperation.fetchFiles("", 1, 10); // 从根目录开始,第一页
|
|
||||||
}, [id]);
|
}, [id]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (dataset?.id) {
|
||||||
|
filesOperation.fetchFiles("", 1, 10); // 从根目录开始,第一页
|
||||||
|
}
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
|
}, [dataset?.id]);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (dataset?.parentDatasetId && activeTab === "children") {
|
if (dataset?.parentDatasetId && activeTab === "children") {
|
||||||
setActiveTab("overview");
|
setActiveTab("overview");
|
||||||
|
|||||||
Reference in New Issue
Block a user