Qoder生成React组件默认支持Hooks，但需nanachi≥1.2.3；升级后须重启IDE；可通过AI指令或右键菜单启用Hooks支持；验证需检查import、解构语法及build提示。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
Qoder生成React组件时默认支持Hooks，但必须满足nanachi 1.2.3及以上版本的运行环境，低于该版本将无法识别useState、useEffect等调用。
确认项目已启用Hooks支持
打开项目根目录下的package.json → 查找nanachi依赖项 → 确保版本号≥1.2.3。若为1.2.2或更低，执行npm install nanachi@latest升级后再生成组件。
【升级后必须重启Qoder IDE，否则新Hooks语法仍会被标记为错误】
生成含Hooks的React组件
方法一：使用Commands一键初始化
在Qoder IDE侧边栏AI Chat中切换至Quest模式 → 输入指令：“创建Commands，名称为‘React-Hooks-Template’，功能是生成一个带useState和useEffect的计数器组件，使用nanachi 1.2.3+语法。” → 点击生成并执行。
方法二：手动触发代码生成
右键项目components目录 → 选择【Qoder】→【Generate React Component】→ 在弹出窗口中勾选“Enable React Hooks support” → 输入组件名Counter → 点击确定。
验证Hooks是否正常工作
第一步：检查生成的组件文件顶部是否包含import { useState, useEffect } from '@react';
第二步：查看render函数内部是否使用数组解构语法，例如const [count, setCount] = useState(0);
第三步：运行qodercli build命令 → 观察控制台是否出现“Hooks detected: useState, useEffect”提示行。
若第三步未出现该提示，说明nanachi未正确识别Hooks调用，需检查是否误用了React.useState（应为useState）或引入路径写成react（应为@react）。
