VSCode 不支持 Pure To Class 一键转换：该功能非内置，主流插件如 ES7+ React snippets 也不提供；仅 vscode-glean 和 Bito 插件可有限实现，但分别受限于函数形式与 AI 输出质量，且需人工修正 props 类型、state 初始化、ref/context 等关键问题。
VSCode 没有原生支持 “Pure To Class” 的一键转换功能
直接说结论：Pure To Class（函数组件转类组件）不是 VSCode 内置能力，也不是主流 React 插件如 ES7+ React/Redux/React-Native snippets 提供的功能。你敲 rfc 能生成函数组件，但没有默认的 rcc 反向片段，更不存在 rfc-to-rcc 这类命令。
真正能做函数 → 类转换的插件只有少数几个，且需手动触发
目前实测可用的方案集中在以下两个插件，但都有明确限制：
-
vscode-glean：支持双向转换，但它的Convert to Class Component命令只对**已识别为函数组件的顶层命名函数**生效（不支持箭头函数、无名函数、或带复杂泛型/重载的 TS 函数） -
bito（AI 类插件）：依赖 prompt，实际是调用 LLM 生成代码，输出质量取决于原始代码复杂度——比如含useMemo嵌套、自定义 Hook、或forwardRef时，生成的componentDidMount/setState逻辑常漏掉异步时机或 ref 绑定
手动转换时最容易被忽略的三个坑
即使插件生成了骨架，你也得立刻检查这几处，否则运行时就报错：
-
props类型丢失：TS 函数组件的Props接口不会自动变成Component<props state></props>的泛型参数，必须手补；defaultProps也要显式写在类外部（MyClass.defaultProps = {...}） -
state初始化方式错位：插件常把useState初始值直接塞进constructor的this.state = {...}，但若初始值含函数调用（如getInitData()），类组件里必须移到constructor内执行，不能放字段声明里 -
ref和context处理失效：函数组件中useRef或useContext不会转成createRef()或static contextType，这类转换必须人工介入，否则运行时ref.current为null或上下文取不到值
别依赖全自动，优先用 ESLint + 自定义 snippet 控制边界
真实项目里，更可靠的做法是：禁用自动转换，改用约束性手段降低出错概率：
- 在
.eslintrc.js中启用react/no-deprecated规则，让componentWillMount等方法直接报错，倒逼团队只在必要场景才写类组件 - 如真需类组件，用
rcc片段新建，再把函数组件逻辑“抄”进去——虽然多敲几行，但能确保render()、props类型、state结构全部可控 - 如果必须批量转换，先用
vscode-glean生成草稿，再跑一遍eslint --fix+prettier --write统一格式，最后逐个验证生命周期钩子是否覆盖了原函数组件的所有副作用点
函数组件转类组件不是语法糖替换，而是语义重构。自动工具能省下 class 和 render 这几行字，但撑不起 shouldComponentUpdate 优化、错误边界的兜底、或 legacy 生命周期的兼容逻辑——这些永远得人来判。
