用Cursor写React组件，AI老爱生成过时语法怎么破？

试试在项目根目录加个.cursorrules，把不准用class组件和废弃API写死进去，比prompt管用多了。

说实话我跟你遇到一模一样的情况，后来发现问题可能不在tsconfig，而是Cursor的索引没吃到你项目里实际用的React版本。你可以试试在项目根目录加一个CLAUDE.md，里面直接写死“本项目使用React 18函数组件和Hooks，禁止class组件和componentDidMount”，然后把常用的hooks写法示例贴进去，这样AI每次生成前都会先读这个文件，比prompt里临时强调管用得多。另外我怀疑它有时候是参考了网上旧教程的训练数据，所以你可以在生成后立刻按一次Ctrl+Enter让它重新改写，或者用斜杠命令调一个针对性的规则。还有个土办法，就是把自己的组件文件结构在项目里铺好，比如多建几个用hooks写的示例组件，AI会模仿你现有代码风格，比单纯文字约束强。不过说实话，React 19都快出了，这种老语法问题以后可能会更严重，建议顺手装个eslint插件自动检测废弃API，至少能少点手动返工。

这个问题我前两天刚踩完坑，八成不是你项目配置的锅，是Cursor的模型在训练数据里吃太多老代码了，尤其是那种企业内部项目的样本。我试过把“只允许使用函数组件和hooks”直接写进项目根目录的CLAUDE.md里，然后每次对话开头甩一句“strict mode: react18+ts，禁止class组件”，效果会稳定很多。你也可以试试在组件文件顶部加上一行注释，比如// ai: use hooks only，有时候比prompt管用。另外，如果它还是输出ReactDOM.render，大概率是它没读到你的入口文件，你可以在生成前手动把index.tsx里那段旧代码贴进对话里当参考。最狠的一招是装个eslint插件，让报错直接打断它的生成流程，强制它修正，我试过几次后它明显收敛了。只能说这类工具用起来得靠“调教”，别指望一次配好就省心，多试几轮prompt模板，找到适合你项目的那套话术就行。

这问题我也踩过坑，光在prompt里说用hooks没用，得把项目里的eslint和tsconfig严格模式开起来，AI读代码上下文的能力比听指令强多了。另外可以试试在项目根目录放个AGENTS.md，里面明确写死“禁止class组件、必须用函数式+react hooks”，效果比对话里强调稳定得多。还有个小技巧，把React版本用package.json锁死到18.2，然后让AI先读一遍现有组件的写法再生成，它就会模仿你的代码风格了。

这问题我也踩过，后来在项目根目录加了 .cursorrules 文件，把技术栈和禁用写法写清楚，比如“只用函数组件和hooks，禁止class和ReactDOM.render”，效果稳了不少。另外可以在Cursor设置里把系统提示词也带上这些约束，双管齐下。还有个小技巧是让它参考你项目里已有的组件文件，生成风格会一致很多。

我也遇到过这问题，后来发现光靠prompt不够稳，得在项目根目录加个.cursorrules文件，把技术栈和代码规范写死，比如明确要求只用函数组件加hooks、禁用class和ReactDOM.render。另外可以扔一两个你写好的组件当范例进去，让AI照着风格来。tsconfig和package.json它其实不一定读，规则文件才是重点。

项目根目录加个.cursorrules文件，把技术栈和禁用写法写清楚，比prompt里反复强调管用多了。

我也遇到过这情况，后来发现光在prompt里说用hooks不够，得在项目根目录放个.cursorrules文件，把技术栈和代码规范写清楚。另外建议在Cursor设置里检查下它读取的上下文范围，有时候它压根没扫到你的tsconfig。我现在还会在对话开头贴一段已有的hooks组件当示例，让它照着风格来，比干说管用多了。

这个问题的根源其实挺深的，不完全是项目配置的事。Cursor底层用的模型训练数据里本身就混了大量React 15/16时代的代码，尤其是class组件那套写法在网上存量太大了，模型天然倾向于往那个方向靠。你在prompt里强调用hooks效果不稳定，大概率是因为每次对话的上下文窗口里，项目文件的权重不够高，模型还是被自己的先验知识带跑了。可以试试在项目根目录放一个.cursorrules文件，把“禁止使用class组件、禁止使用ReactDOM.render、统一用函数组件+hooks”这类约束写进去，它会作为系统级上下文注入，比每次在对话里说一嘴靠谱得多。另外tsconfig和package.json里的版本信息，Cursor不一定每次都会主动去读，你得在rules里显式声明React 18的API范围。还有个小技巧是，如果你项目里已经有一些写好的hooks组件，可以在prompt里直接引用那个文件让AI参照风格，比干说“用hooks”有用。实在不行就换Claude Sonnet或者GPT-4o的模型试试，不同模型对现代React的偏好差别还挺明显的。

加个.cursorrules文件把React版本和hooks规范写进去，比在prompt里反复强调管用多了。

可以试试在项目根目录放一个 .cursorrules 文件，把“只用函数组件和hooks、禁止class组件、禁止ReactDOM.render”这些写进去，比在prompt里临时强调管用多了。我这边还顺手把React 18的createRoot用法和常用hooks示例贴进去，生成结果稳定不少。另外tsconfig里的jsx设成react-jsx也有帮助，AI会参考这些上下文。

我也遇到过这问题，后来在项目根目录加了个.cursorrules文件，把“只用函数组件和hooks、禁止class组件、用createRoot替代ReactDOM.render”这些写进去，效果比在prompt里临时说强多了。另外建议把React 18的官方文档链接或者你项目里的几个示例组件贴给它参考，模型会照着你的风格来。还有个偏方是先把要写的组件拆得小一点，一次让它生成太复杂的逻辑它就容易回退到训练数据里的老写法。

我上周也踩了同样的坑，后来在项目根目录加了个 .cursorrules 文件，把“只用函数组件 + hooks、禁止 class 和 ReactDOM.render、用 createRoot”这些写进去，明显稳多了。另外光靠 tsconfig 不够，AI 有时候不看配置，得在规则里明确点名 React 18 的写法。你 prompt 里强调 hooks 还不够，最好直接贴一段正确范例给它参考。

这个坑我也踩过，Cursor默认的训练数据里老项目占比太高，光在prompt里喊用hooks确实不太稳。你可以在项目根目录加一个.cursorrules文件，明确写死“只用函数组件和hooks，禁用class组件和ReactDOM.render”，再带上React 18的API示例，基本就能压住了。另外tsconfig里把jsx设成react-jsx也能帮它少走弯路。

在项目根目录建个.cursorrules文件，把“只用函数组件+hooks，禁止class和ReactDOM.render”写进去，这个比在prompt里临时强调管用多了。另外记得在设置里把模型切到最新的claude或者gpt-4o，老模型对React 18的写法确实不太熟。我这边还习惯在rules里塞一句“参考src/components下的现有写法”，让它照着项目风格来，稳定不少。

我也遇到过这个坑，Cursor默认的模型知识截止时间比较早，所以它脑子里React的“最佳实践”还停留在好几年前。光靠prompt里喊一句“用hooks”确实不太稳，因为模型会优先遵循它训练数据里的常见模式。比较有效的做法是在项目根目录放一个.cursorrules文件，明确写清楚“所有组件必须用函数式+hooks”“禁止使用ReactDOM.render，统一用createRoot”“class组件仅在Error Boundary场景下允许”。这个规则文件会被拼进每次请求的上下文里，比临时在对话里强调管用得多。另外你可以检查一下tsconfig里的jsx设置，如果是react-jsx而不是react，AI有时也会犯迷糊。还有个偏方是在prompt里直接贴一段你项目里已有的标准组件代码当范例，让它照着风格来，这个对稳定输出特别有效。实在不行就换个模型试试，Claude系在这方面比GPT系听话一些，对React 18的支持也更好。

我也遇到过这个问题，确实挺烦的，尤其项目里明明配好了React 18，它还是给你整出ReactDOM.render来。后来我发现光靠prompt里说“用hooks”真不太够，Cursor有时候会去抓训练数据里大量的旧例子，尤其是你文件里如果还有老的写法，它就会顺着那个风格继续生成。我现在的做法是在项目根目录放一个.cursorrules文件，里面明确写清楚“统一使用函数组件 + hooks，禁止class组件，禁止ReactDOM.render，使用createRoot”，再配合tsconfig的jsx设置，命中率会高很多。另外一个小技巧是，你手动写一个符合新语法的样板组件，然后让AI照着这个文件改，它一般就不会跑偏。还有就是要检查一下你的eslint配置，如果有react-hooks相关的规则，它也会给AI一些隐性约束。反正这东西得多管齐下，指望一句prompt就完全听话不太现实。

学到了，感谢分享！