852d5fd188a8d195a3105e27fc3f5c409601ec0a
阶段一 - 核心优化: - 所有子组件添加 React.memo 防止不必要重渲染 - 图表组件统一使用 EChartsWrapper 替代 ReactECharts - 提取 isForecastYear、IMPORTANT_METRICS 到 constants.ts - DetailTable 样式提取为 DETAIL_TABLE_STYLES 常量 阶段二 - 架构优化: - 新增 hooks/useForecastData.ts:数据获取 + Map 缓存 + AbortController - 新增 services/forecastService.ts:API 封装层 - 新增 utils/chartFormatters.ts:图表格式化工具函数 - 主组件精简:79行 → 63行,添加错误处理和重试功能 优化效果: - 消除 4 处 isForecastYear 重复定义 - 样式从每次渲染重建改为常量复用 - 添加请求缓存,避免频繁切换时重复请求 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Description
前端
Languages
HTML
75.9%
JavaScript
9.6%
CSS
8%
SCSS
3.2%
Python
2.1%
Other
1.2%