性能优化

一、核心思路

• 减少渲染
• 减少计算
• 减少请求

二、常用手段

1. React.memo

   export default React.memo(Component);
   

2. useMemo / useCallback

   避免重复计算

3. 代码分割

   const Comp = React.lazy(() => import('./Comp'));
   

4. key 优化

   避免 diff 错误

三、实践

• 大列表 → 虚拟列表
• 事件节流防抖