[front-end / React] 이전 props 값을 가져오는 custom hook, 2nd render 부터 effect 가 실행되는 custom hook 을 만들어보세요.

[hyoseok0]

이전 props 값을 가져오는 custom hook

const usePrevious = (value) => {
   const ref = useRef(value)
   useEffect(() => {
      ref.current = value
   }, [value])
   return ref.current
}

2nd render 부터 effect 가 실행되는 custom hook

const useUpdate = (effect, dep) => {
   const initialized = useRef(false)
   useEffect(() => {
      if (initialized.current) {
         effect()
      } else {
         initialized.current = true
      }
   }, dep)
}