输入rfc没反应是因为文件后缀非.jsx/.tsx、插件未启用或使用中文输入法；rfc与rfce导出方式不同，影响import写法；rcc适用于老项目或特定生命周期；自定义片段需谨慎避免漏import/export。
VSCode 本身不生成组件，真正起作用的是插件 ES7+ React/Redux/React-Native snippets —— 装错名字、没重启、或没配好触发范围，rfc 和 rcc 就根本不会响应。
为什么输入 rfc 没反应？检查这三件事
常见现象：敲完 rfc 按 Tab 或 Enter，光标只跳格，没生成任何代码。
- 确认文件后缀是
.jsx或.tsx（不是.js）；VSCode 默认只在 JSX/TSX 语言模式下激活这些片段 - 检查插件是否已启用：打开命令面板（
Ctrl+Shift+P），执行Developer: Show Running Extensions，搜索dsznajder，确保状态为“已启用” - 别用中文输入法——哪怕只是切换到中文状态，
Tab键就可能被系统拦截，导致片段不触发
rfc vs rfce：导出方式决定后续 import 写法
两者都生成函数组件，但默认导出逻辑不同，直接影响你在其他文件里怎么 import。
-
rfc→ 生成function ComponentName() { ... }+export default ComponentName，适合直接import ComponentName from './ComponentName' -
rfce→ 同样带export default，但开头多一行import React from 'react'；如果你项目还没启用了自动导入（比如没装Auto Import插件），这个显式导入能避免报错 - 如果组件需要命名导出（比如配合
React.lazy或测试入口），别用这两个，改用rafce（箭头函数 + 命名导出）再手动补export
rcc 类组件模板现在还值得用吗？
除非维护老项目或必须用 getDerivedStateFromProps / componentDidCatch 等特定生命周期，否则不建议新写类组件。但 rcc 模板仍有现实用途：
- 它会自动插入
import React, { Component } from 'react'，省得你手敲；如果你临时要加一个类组件做兼容兜底，比手动拼快 - 生成的
render()方法里有<div>$2</div>占位符，$2表示光标第二停靠点，方便你快速补内容，不用删空 div 再敲 - 注意：
rcc不带constructor或state初始化，真要用还得自己敲us（useState不适用类组件）或补state = {}
自定义片段覆盖默认行为的隐患
有人为了“统一风格”在 javascriptreact.json 里重写了 rfc，结果发现新组件总少 React 导入或漏 export default。
根本原因：官方插件的片段是按语言模式（javascriptreact）注册的，而用户自定义片段若放在全局 snippets 下，可能被优先匹配但逻辑不全。更稳妥的做法是：
- 不覆盖原
rfc，而是新增一个如rfc-ts片段，专用于 TypeScript 场景，内含interface Props和React.FC<props></props>类型标注 - 如果非要改默认行为，务必在用户片段中保留
import React from 'react'和export default，这两行漏掉，组件在 CRA 或 Vite 下大概率直接白屏
最常被忽略的一点：所有快捷生成的组件，return 后的 JSX 必须被一个**顶层元素包裹**。rfc 给的是 <div>，但你删掉它又不补别的容器，保存时 ESLint 就会报 <code>react/jsx-fragments 错误——这个约束不在片段里体现，得你自己盯住。
