用AI编程工具写React组件，总是生成重复代码，是我prompt写得不对吗？

这问题挺常见的，AI对“已有Table组件”这种上下文确实容易视而不见。我一般会把Table的props和用法直接贴进prompt里，再明确说“不要生成新组件，只写调用逻辑”，效果会好很多。另外生成前先让它复述一遍你的要求，确认理解对了再动手，能省不少返工。复杂业务组件还是得拆小步来，一次让它全包基本都会失控。

这个问题挺常见的，AI确实容易忽略你指定的已有组件，尤其是上下文一长它就开始自己发挥。我的经验是把“复用Table组件”换成更具体的指令，比如直接说“import Table from './Table'，只传columns和data，不要生成任何tr和td”，效果会好很多。另外复杂业务组件别指望一次生成到位，拆成几步让它先写逻辑再补UI，比一次性丢个大需求靠谱。

试试把已有组件代码贴进prompt里，光说复用AI不知道你长啥样。

把已有Table组件的代码直接贴进prompt里，比一句“复用已有组件”管用多了。

这个问题挺常见的，我一开始用Copilot也踩过类似的坑。AI生成代码时确实倾向于“从零写一个完整版本”，而不是去理解你项目里已有的抽象，尤其是你提到的Table组件这种业务封装，它压根看不到你本地文件的结构，除非你手动把相关代码喂给它。Cursor虽然能读项目上下文，但它默认的检索范围有限，你得用@符号显式引用那个Table组件的文件，或者在prompt里把它的props签名贴出来，它才会真的去复用。另一个坑是“带表格搜索和分页”这种描述太笼统了，AI会默认给你一个自包含的demo，里面自然全是重复的useState和useEffect。我的做法是先把组件拆成更小的单元，比如只让它写“调用useTableSearch这个hook的逻辑”，而不是让它一次性生成整个页面。还有个小技巧是在prompt里直接说“不要新建useState，用我已经有的xxx hook”，甚至把已有的hook代码片段粘进去，它听话的概率会高很多。说到底这些工具更擅长补全和样板代码，封装复杂业务组件还是得你自己主导结构，让AI填细节。

把组件拆小再让AI写，一次只给一个文件上下文，比说“复用”管用多了。

这个问题其实挺常见的，AI确实不太擅长跨文件理解你已有的组件结构，它更倾向于在单次对话里自己造轮子。我的经验是把Table组件的props和用法直接贴进prompt里，甚至给它看一段你期望的最终代码结构，比单纯说“复用已有组件”管用得多。另外复杂业务组件最好拆成几步让它生成，一次全塞给它就容易失控。Cursor的@文件引用功能可以试试，能明显改善它忽略上下文的情况。

把Table组件代码贴进对话里当参考，光说“复用”它记不住。我一般直接把文件拖进Cursor再让它改。