component-refactoring - 重构 Dify 高复杂度 React 组件
使用自定义 Hook、子组件和数据 Hook 等模式重构 Dify 前端中的高复杂度 React 组件。
标签
更新于: 2026-09-28能力
典型输入
典型输出
该技能可以做什么
- 重构高复杂度 React 组件
- 提取自定义 Hook
- 拆分 UI 子组件
- 简化条件逻辑
- 提取 API 数据逻辑
- 管理模态框状态
- 提取表单逻辑
- 分析组件复杂度
输入
- React 组件路径
- Dify 前端代码库
- 复杂度分析指标
输出
- 重构后的组件文件
- 重构提示
- 测试提示
- 复杂度分析结果
要求
- pnpm
- Dify web 目录
- React 前端代码库
