Skip to main content

useComponentDidUpdate

useEffect와는 다르게 처음 state가 선언됐을 때는 함수를 실행하지 않고, 이후 state가 변경되었을 때만 함수를 실행하도록 하는 Hooks입니다.

services/hooks/index.tsx
import { useRef } from 'react'

export const useComponentDidUpdate = (cb: Function, state: any) => {
const mounted = useRef(false)

useEffect(() => {
if (mounted.current) cb()
else mounted.current = true
}, state)
}