AI代码生成：3分钟写出高质量React组件
提示词描述：
专为前端开发者设计的React组件生成提示词，通过结构化指令快速获得生产级代码。适合日常开发中重复性组件的快速构建，显著提升编码效率。
提示语关键词：
AI写代码,React组件生成,ChatGPT编程,AI代码模板,前端开发提示词,React代码生成器,TypeScript组件
提示词内容：
【使用场景】
适用于前端开发者快速构建React组件，特别适合需要频繁创建列表、表单、卡片等常见UI组件的场景。通过结构化提示词，让AI生成符合最佳实践的代码。
【操作步骤】
1. 明确组件类型（如列表、表单、卡片）
2. 指定技术栈版本（React 18+、TypeScript）
3. 描述功能需求和交互逻辑
4. 要求包含样式方案和响应式设计
5. 指定代码规范和注释要求
【效果示例】
输入：
"帮我创建一个React用户列表组件，需要支持搜索过滤、分页加载、点击查看详情。使用TypeScript，包含完整类型定义，使用Tailwind CSS样式，要求代码简洁易维护。"
输出：
- 完整的组件代码（含类型定义）
- 响应式样式方案
- 搜索和分页逻辑
- 使用示例和props说明
【进阶技巧】
1. 添加"请提供性能优化建议"获取memo、useMemo等优化方案
2. 要求"包含单元测试示例"获取Jest测试代码
3. 指定"使用最新React特性"获取Suspense、并发模式等用法