Skip to main content

Cleanup Function ↔ function call on Unmount, via return function from useEffect()

aka Cleanup-Fn, Cleanup

Cleanup Function used to prevent Memory Leak

AbortController

References​

  1. Run [Effect](effect) once **onMount** + [**_Cleanup_**](cleanup-function) ↔ call useEffect() with empty Deps Array & return Cleanup Function

  2. Run [useEffect()](useeffect) only [**_Cleanup_**](cleanup-function) for [Unmount](unmount) ↔ double Arrow Function to return Cleanup Function

useEffect(() => () => CLEANUP(),
  [] )

  1. Run [Effect](effect) + [**_Cleanup_**](cleanup-function) on **specific renders** ↔ call useEffect() with property in Deps Array & Cleanup Function

  2. Run [Effect](effect) + [**_Cleanup_**](cleanup-function) on **specific renders** ↔ call useEffect() with property in Deps Array & Cleanup Function

  3. Run [Effect](effect) once **onMount** + [**_Cleanup_**](cleanup-function) ↔ call useEffect() with empty Deps Array & return Cleanup Function

  4. Run [useEffect()](useeffect) only [**_Cleanup_**](cleanup-function) for [Unmount](unmount) ↔ double Arrow Function to return Cleanup Function

useEffect(() => () => CLEANUP(),
  [] )