面试题：useeffect如何做到首次渲染不执行，只有状态更新时才执行？

Question

useeffect如何做到首次渲染不执行，只有状态更新时才执行？

我试了下面三种依赖写法，都会在每次执行，请问怎么写才能首次不执行呢？

 useEffect(() => {
    console.log('空数组');
  }, []);

  useEffect(() => {
    console.log('每次执行');
  })

  useEffect(() => {
    console.log('依赖数组');
  }, [age])

Answer 1

const isMounted = useRef(false);

useEffect(() => {
    if(!isMounted.value) {
        isMounted.value = true
    } else {
        console.log('只在deps更新时执行')
    }
},deps)

Answer 2

这个很像Vue的watch的实现原理, 可以看一下文章:https://segmentfault.com/a/11...