react组件渲染性能优化

高阶组件——React.memo

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

React.memo(Child)

useCallBack

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

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

useMemo

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

useMemo(() => computeValue, deps)