[DAY31] TIL

1nxeo·2023년 3월 8일

항해99

목록 보기
28/63
post-thumbnail

useEffect란 ?

리액트 컴포넌트가 렌더링 될 때 마다 특정 작업을 수행하도록 설정할 수 있는 Hook.

== 어떤 컴포넌트가 화면에 보여졌을 때, 사라졌을 때, 내가 무언가를 실행하고 싶다면 사용하는 Hook.

기본 틀

  useEffect(() => {
    컴포넌트 mount시 실행하고자 하는 함수
  
    return () => {
     컴포넌트 unmount시 실행하고자 하는 함수
     // 클린업
    }
  }, [의존성 배열(=dependency array)])

의존성 배열이란 ?

이 배열에 "값"을 넣으면
값 : 바뀔게 ~
useEffect : 실행될게 ~

아무것도 안 넣으면 처음에 딱 한번만 실행되고 그 이후로는 실행되지 않음

클린업이란 ?
컴포넌트 unmount시 실행하고자 하는 함수

profile
항상 피곤한 인서의 개발블로그

0개의 댓글