在React应用开发中，有哪些常用的性能优化手段？具体如何提高组件的渲染性能？

回答思路

1. 【回答框架 1】React性能优化的核心是减少不必要的重新渲染和减少渲染耗时。可通过shouldComponentUpdate或React.memo控制函数组件重渲染，PureComponent已内置浅比较。
2. 【回答框架 2】合理使用不可变数据，确保引用变化能准确触发渲染，配合useMemo缓存计算结果，useCallback稳定函数引用，避免子组件因回调变化而重渲染。
3. 【回答框架 3】使用key优化列表渲染，避免使用index作为key，减少组件复用问题。代码分割通过React.lazy和Suspense实现按需加载，减少首屏体积。
4. 【回答框架 4】对于大数据列表，采用虚拟滚动如react-window，只渲染可视区域。优化长任务可用useDeferredValue或Transition优先级调度，避免阻塞交互。
5. 【关键点 1】React.memo和PureComponent通过浅比较减少不必要的重渲染。
6. 【关键点 2】useMemo和useCallback分别缓存计算值和函数引用，防止子组件无谓更新。
7. 【关键点 3】列表渲染时key应稳定且唯一，避免使用index。
8. 【关键点 4】React.lazy和Suspense实现路由级代码分割。
9. 【关键点 5】虚拟滚动处理大数据列表，提升渲染性能。
10. 【易错点 1】滥用useMemo/useCallback可能因依赖变化导致缓存失效，反而增加开销。
11. 【易错点 2】不可变数据不彻底会导致浅比较失效，优化无效。
12. 【易错点 3】不当使用React.memo可能因父组件频繁变化导致子组件缓存失效。