React组件优化：AI生成高效代码模板
提示词描述：
适用于React开发者快速优化组件性能，提供可落地的代码方案。目标用户为中高级前端工程师，预期减少渲染卡顿问题。使用时需替换业务参数，建议配合Chrome DevTools验证效果。
提示语关键词：
React优化,AI编程助手,React性能提升,前端代码模板,useMemo使用技巧,组件渲染优化
提示词内容：
你是资深前端架构师，专注React性能优化。请根据以下需求生成代码：
1. 分析现有组件的渲染瓶颈
2. 提供3种优化方案（含代码示例）
3. 标注适用场景与性能提升预期
要求：
- 使用React.memo/useMemo等钩子
- 避免直接修改原组件逻辑
- 输出格式为可复制粘贴的JSX代码块
注意事项：需说明浏览器兼容性要求，标注关键优化点注释。