React 4일차

[[React]]

Effect Hook

Side Effect

React 컴포넌트에서의 Side Effect

• 타이머 사용 (setTimeout)
• 데이터 가져오기 (fetch API, localStorage)

Effect Hook 기본

useEffect

useEffect >> side Effect 사용할수 있게 함
실행할떄 파라미터로 함수를 받음

랜더링 이후에 무조건 useEffect 실행이 됨

• 컴포넌트 생성 후 처음 화면에 렌더링(표시)
• 컴포넌트에 새로운 props가 전달되며 렌더링
• 컴포넌트에 상태(state)가 바뀌며 렌더링

 

종속성 배열에 들어 있는 부분이 바뀌면 실행됨

side Effect 해야 할때 사용함

순수함수가 아닌 side Effect 가 일어나는건 useEffect