核心就是减少render渲染,主要是以下三个点
1,React.memo(component,fun(pre,next))
使用React.memo包裹组件,在组件不发生数据更新的时候,不会重新渲染
2,useCallback(fun, [a, b])
传递子组件方法的时候,使用useCallback包裹
3,useMemo缓存函数运行结果
useMemo(fun, [a, b]);
更详细的可以看这个大哥的,很详细!关于react hooks的性能优化_react hooks优化_HURRICANE_FAST的博客-CSDN博客