useEffect() 사용시 componentWillUnmount() 기능

Last updated 2023-03-01

• useEffect() 의 인자로 넘기는 함수를 정의할 때 clean up 함수를 정의하여 return하도록 설정 가능함
• 즉, componentDidMount()에서 정의하던 내용을 body에 넣고 componentWillUnmount()의 body부분을 실행하는 함수를 return하도록 작성 가능

1
2
3
4
5
6
7

useEffect(() => {
  // Your effect

  return () => {
    // Cleanup
  };
}, []);

• JavaScript
• React - Effect Hook ( Clean-up ) - 흥(興)
• How to manage componentWillUnmount with useEffect - dev.to
• React useEffect cleanup - daily dev tips