useMemo和useCallback的使用场景

1. useMemo本身成本不低,useMemo > 普通计算成本,不要用于记忆普通计算变量
2. useCallback本身成本不低,useCallback > 普通函数重新创建,不要用于记忆普通函数

3. useMemo适用于记忆昂贵计算
4. useCallback适用于记忆传入子组件props的函数,来减少子组件的重复渲染

5. useMemo和useCallback的适用场景包括两种:

5.1 减少昂贵计算
5.2 减少子组件重复渲染

6. useMemo和useCallback用于减少子组件重新渲染,子组件必须使用React.memo包装,否则没有意义
7. React.memo适用于函数式组件,以对props的浅比较,来减少组件不必要的渲染

所以,useMemo和useCallback的使用频率并不高,不能通篇出现这两个东西,只会造成负优化

posted @ 2023-02-20 17:11  全玉  阅读(552)  评论(0编辑  收藏  举报