useEffect는 리액트 컴포넌트가 렌더링 될 때 마다 특정작업을 실행할 수 있도록 하는 hook이다.
그냥 뭐 새로고침 될때마다 뭔가 실행되게 한다고 생각하면 좀 쉬울지도?
아무튼 형태는 다음과 같다.
useEffect(function, deps)
*function = 수행하고자 하는 작업 (함수)
*deps = 검사하고자 하는 값 또는 배열
렌더링 될때마다 실행시
useEffect(function, [])
한번 렌더링 될때 처음 딱 한번 실행시 =배열에 아무것도 안넣음. 하지만 빈배열
useEffect(function, [])
특정 props 나 state가 변경될 때 실행시???, =특정값일때 실행
useEffect(function, [바뀌는값])
여기에서 뭔말인가 싶은데
특정 props나 state가 변경될 때 라는 말은 그냥
저 바뀌는값이라는 배열에 들어가는 값이 변경될때! 마다 function을 실행하겠다는 것이다.
아무튼 그러하다.
반응형
'웹 > 리액트' 카테고리의 다른 글
리액트 스터디 4탄) props (0) | 2022.07.12 |
---|---|
리액트 스터디 3탄) virtual DOM (0) | 2022.07.12 |
리액트 스터디 2탄) 리액트란? (0) | 2022.07.12 |
리액트 스터디 1탄) mvc 아키텍쳐 (0) | 2022.07.12 |
Link 와 useNavigate의 차이점 (0) | 2022.06.03 |