REACT 渲染 Hook

比对介绍  useEffect + useMemo +useCallback + useLayoutEffect 

useEffect 介绍

useEffect在reactHook中非常重要，也最常用。

通常，useEffect需要传递两个参数，第一个参数是逻辑处理函数，第二个参数是一个数组

用法

    useEffect(() => {
        getItemList();
    }, []);

■ 第二个参数存放变量，当数组存放变量发生改变时，执行第一个参数。

■ 第二个参数可以省略，省略之后useeffect钩子在每次渲染时都会被调用。

■ 第二个参数如果只传一个空数组，则第一个参数只在首次渲染时执行一次。

const words = ["sick", "powder", "day"];

useEffect(()=>{
    console.log("fresh render");
}, [words]);