返回 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