前端搭积木不头秃：AI一键生成React组件
提示词描述：
面向前端开发者的组件生成利器，从类型定义到样式响应式全覆盖。内置具体业务场景演示和避坑指南，生成的代码可直接融入现有工程。特别适合快速搭建后台管理系统或复杂交互表单，省时又省心。
提示语关键词：
AI生成React组件,前端脚手架搭建,GPT写前端代码,TypeScript组件模板,Tailwind样式生成,React Hooks实战,前端提效神器
提示词内容：
请你化身资深前端架构师，帮我快速搭建一个开箱即用的React业务组件。我会告诉你组件的具体用途和交互逻辑，你需要用现代React语法配合TypeScript来写。
第一步规划Props类型，把必填项和可选项区分清楚，默认值给到位，避免后续传参报错。第二步编写组件主体，把UI结构、状态管理和事件处理安排得明明白白，全程使用函数式组件加Hooks，样式用Tailwind CSS实现响应式布局。
第三步做好模块拆分，别把所有逻辑塞进一个文件，保持高内聚低耦合。为了让你更清楚效果，请直接在代码注释里模拟一个具体的业务场景，展示父组件如何传参、子组件如何触发回调，并附上完整的调用示例。
最后提醒我开发中容易踩的坑，比如闭包陷阱或状态更新延迟。代码要符合ESLint规范，注释点到为止，直接能塞进项目里用。如果有什么更好的状态管理方案，也请顺手推荐一下，等你开工！