返回 Bug 清单
BUG-0237project-13中已修复frontend-logic
在 JSX 内联 IIFE 里调 useState 违反 Hooks 规则:抽成独立组件
发现:2026-10-01验证:2026-10-09置信度:70%
症状
React 报 Rules of Hooks 违规或状态错乱
根因
在 JSX 的 IIFE/条件分支里调用 useState,导致 hook 调用顺序随渲染路径变化,React 运行时随机错乱。Hooks 只能在组件顶层无条件调用。
修复方案
把内联编辑表单抽成独立组件(ModelEditInlineForm),状态归属到组件实例;识别模式:『{(() => { const [x, setX] = useState... })()}』出现即重构。
错误签名
React Hook useState IIFE 内联 条件渲染 Rules of Hooks 违规技术信息
来源项目
project-13
涉及文件
frontend-web/admin/src/pages/settings/components/VendorManagement.tsx
标签
react, hooks, 组件抽取, project-13, mcp-reported