qoder 自动生成符合react最佳实践的hooks组件：自动注入usestate+useeffect+useref三元组合并严格收敛依赖数组，仅包含prompt明确变量；useeffect必含清理逻辑；支持按语义封装自定义hook（需至少两个副作用联动）；深度协同qoder agent子代理规则。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让 Qoder 自动生成符合 React 最佳实践的 Hooks 组件，但发现生成结果缺少 useEffect 清理逻辑、自定义 Hook 封装能力弱、或无法识别业务上下文中的依赖项边界。
支持自动生成标准内置 Hooks 的完整调用链
Qoder 在解析“创建一个带防抖搜索的输入框组件”类 Prompt 时，会自动注入 useState + useEffect + useRef 三元组合，并严格遵循依赖数组收敛原则。
第一步：识别副作用类型——若 Prompt 中含“实时”“监听”“响应式”等词，强制启用 useEffect；含“防抖”“节流”“延迟执行”，则自动引入 useRef 存储定时器 ID。
第二步：推导依赖项——仅将明确出现在 Prompt 中的变量（如 text、debounceTime）写入依赖数组，【不自动加入 props 或 context 值，避免闭包陷阱】。
第三步：生成清理逻辑——只要 useEffect 内部存在 setTimeout/setInterval，必定在 return 语句中添加 clearTimeout/clearInterval 调用。
支持按业务语义生成自定义 Hook 封装
当 Prompt 明确要求“抽离为可复用 Hook”或“封装成 useXxx 形式”，Qoder 会跳过组件模板，直接输出独立 .ts 文件。
方法一：基于 L3 层业务知识自动补全参数契约
例如 Prompt 中写“useAuthStatus”，Qoder 会从知识库 L3 层读取 AutoSDK 的 auth 模块职责边界，自动添加 onTokenExpired、onNetworkError 两个可选回调参数。
方法二：识别副作用聚合模式并命名
若检测到 useState + useEffect + useCallback 三者高频共现于同一逻辑块（如表单校验），则命名为 useValidation，而非泛化的 useDataHook。
【注意：不会为单个 useState 调用生成自定义 Hook，必须满足至少两个副作用或状态联动才触发封装】
支持与 Qoder Agent 前端子代理深度协同
在已绑定 Project-level Subagent 的项目中，Qoder 生成 Hooks 时会主动适配当前子代理约束规则。
比如子代理描述中声明“禁止直接调用 fetch，必须走 axios 封装层”，则生成的 useDataLoader Hook 内部自动使用 axios.get 而非 window.fetch。
再比如子代理限定“所有状态更新必须经 Zustand store”，则 useState 调用会被替换为 useStore((state) => state.xxx) + useStore.setState 模式。
这一步无需额外指令，只要子代理处于激活状态，Qoder 就会在代码生成阶段实时注入对应框架适配逻辑。
