Loading...
Loading...
Compare original and translation side by side
frontend/src/components/frontend/src/pages/frontend/src/types/frontend/src/services/frontend/src/components/frontend/src/pages/frontend/src/types/frontend/src/services/// Check: Is it exported correctly?
export default ComponentName; // or
export { ComponentName };
// Check: Is the route configured?
<Route path="/page" element={<ComponentName />} />// Check: Does interface match API response?
interface Project {
id: number;
title: string; // API might return 'name' not 'title'
}// Check: Dependencies array
useEffect(() => {
// This only runs when `id` changes
}, [id]); // Missing dependency?// Check: Query invalidation after mutation
const mutation = useMutation({
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['projects'] });
}
});// 检查：是否正确导出？
export default ComponentName; // 或
export { ComponentName };
// 检查：路由是否配置？
<Route path="/page" element={<ComponentName />} />// 检查：接口是否与API响应匹配？
interface Project {
id: number;
title: string; // API可能返回'name'而非'title'
}// 检查：依赖项数组
useEffect(() => {
// 仅在`id`变化时执行
}, [id]); // 是否缺失依赖项？// 检查：mutation后的查询失效设置
const mutation = useMutation({
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['projects'] });
}
});frontend/src/
├── components/
│ ├── common/ # Shared components
│ ├── projects/ # Project-specific components
│ └── ui/ # UI primitives
├── pages/
│ ├── ExplorePage.tsx # Explore/discovery page
│ ├── ProjectPage.tsx # Single project view
│ └── DashboardPage.tsx
├── types/
│ ├── models.ts # Data model types
│ └── api.ts # API response types
├── services/
│ ├── api.ts # Axios instance
│ └── projects.ts # Project API calls
└── hooks/
└── useProjects.ts # Custom hooksfrontend/src/
├── components/
│ ├── common/ # 通用组件
│ ├── projects/ # 项目专属组件
│ └── ui/ # UI 基础组件
├── pages/
│ ├── ExplorePage.tsx # 探索/发现页面
│ ├── ProjectPage.tsx # 单个项目详情页
│ └── DashboardPage.tsx
├── types/
│ ├── models.ts # 数据模型类型
│ └── api.ts # API响应类型
├── services/
│ ├── api.ts # Axios实例
│ └── projects.ts # 项目API调用
└── hooks/
└── useProjects.ts # 自定义Hooksundefinedundefinedundefinedundefined