react组件渲染性能优化
2026/9/15 1:48:28 网站建设 项目流程

高阶组件——React.memo

可使子组件不受父组件状态改变而重新渲染(props和子组件自身状态改变除外)
注:在使用该高阶组件时,props中的状态(如info)结构复杂的情况下,父组件在更新状态是需要进行浅拷贝再更改。

React.memo(Child)


useCallBack

避免函数在每次渲染时都重新创建,减少不必要的子组件重新渲染

const test = useCallback(() => { console.log("test函数执行了"); }, []);

useMemo

缓存计算结果,避免在每次渲染时重复做“昂贵计算”,只有依赖变化时才重新计算

useMemo(() => computeValue, deps)

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询