haohao_blog

在使用 react hooks 是， useEffect是最常用的hooks.

useEffect dependency数组发现变化就执行回调，如果我们不想第一次进去页面就执行（属于优化问题）。 所以自定义一个 hooks，来实现我们的优化。

import {useEffect, useRef} from 'react';
const useUpdateEffect: typeof useEffect  = (effect, listens)=>{
   const isMounted = useRef(false);
   useEffect(()=>{
    if(!isMounted.current){
      isMounted.current = true;
    }
    else{
     // 返回 unmount 方法
      return effect();
    }
   },listens)
}