zdl
|
dfe3976f92
|
refactor(HomeNavbar): Phase 6 - 提取自选股和关注事件功能组件
Phase 6 重构完成，将自选股和关注事件功能完全组件化：
新增文件：
- src/hooks/useWatchlist.js - 自选股管理 Hook (98行)
* 管理自选股数据加载、分页和移除逻辑
* 提供 watchlistQuotes、loadWatchlistQuotes、handleRemoveFromWatchlist
- src/hooks/useFollowingEvents.js - 关注事件管理 Hook (104行)
* 管理关注事件数据加载、分页和取消关注逻辑
* 提供 followingEvents、loadFollowingEvents、handleUnfollowEvent
- src/components/Navbars/components/FeatureMenus/WatchlistMenu.js (182行)
* 自选股下拉菜单组件，显示实时行情
* 支持分页、价格显示、涨跌幅标记、移除功能
- src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js (196行)
* 关注事件下拉菜单组件，显示事件详情
* 支持分页、事件类型、时间、日均涨幅、周涨幅显示
- src/components/Navbars/components/FeatureMenus/index.js
* 统一导出 WatchlistMenu 和 FollowingEventsMenu
HomeNavbar.js 优化：
- 移除 287 行旧代码（状态定义 + 4个回调函数）
- 添加 Phase 6 imports 和 Hook 调用
- 替换自选股菜单 JSX (~77行) → <WatchlistMenu />
- 替换关注事件菜单 JSX (~83行) → <FollowingEventsMenu />
- 812 → 525 行（-287行，-35.3%）
Phase 6 成果：
- 创建 2 个自定义 Hooks，5 个新文件
- 从 HomeNavbar 中提取 ~450 行复杂逻辑
- 代码更模块化，易于维护和测试
- 所有功能正常，编译通过
总体成果（Phase 1-6）：
- 原始：1623 行 → 当前：525 行
- 总减少：1098 行（-67.7%）
- 提取组件：13+ 个
- 可维护性大幅提升
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-30 17:54:27 +08:00 |
|