반응형
[React, Next.js] useEffect라는 Hook을 사용해서 컴포넌트가 사라질 때 제어코드
React 구성 요소가 사라질 때, 일부 코드를 실행해야 할때 사용하는 코드
function HookComponent() {
useEffect(() => {
return () => {
// 컴포넌트가 사라질 때 실행되는 코드
}
}, []);
return (
<div>컴포넌트 HTML 구성부</div>
);
}
위 코드는 컴포넌트가 사라질 때(컴포넌트가 언마운트 될 때) L4주석부분의 코드가 실행된다.
반응형
'개발 프레임워크 > Next.js' 카테고리의 다른 글
[React, Next.js] useEffect 정리 (마운트, 언마운트, 값 변경) (0) | 2023.03.18 |
---|---|
[React, Next.js] useEffect를 사용해서 값이 변경될 때 코드실행 (0) | 2023.03.17 |
[React, Next.js] useEffect라는 Hook을 사용해서 렌더링 후 코드실행 (0) | 2023.03.17 |
[Next.js] Error: There was an error while hydrating this Suspense boundary. Switched to client rendering (0) | 2023.03.06 |
[Next.js] 개발환경 구축 및 Next.js 13으로 업데이트 (0) | 2023.03.04 |
댓글