react useMemo和useCallback(个人笔记,非教程)

useMemo

useMemo在渲染前执行

let a = 1;
let double = useMemo( () => {
	return a * 2
},[a] ) // 只有当a的值从新改变时,才会重新计算double的值(执行本代码块),

useCallback

useCallback可以理解为useMemo的一种语法糖,

const memoizedCallback = useCallback(() => {
    return a + b;
  },[a, b]
);

等价于

const memoizedCallback = useMemo(() => {
    return () => {
    		return a + b;
    	}
  },[a, b]);

你可能感兴趣的:(react)