개발Story
article thumbnail
Published 2022. 1. 15. 15:23
[React Hooks ] useEffect() 함수 React/문법

useEffect 함수는 컴포넌트가 랜더링 될때마다 실행되는 HOOK 싸이클이다.

 

컴포넌트가 MOUNT, UNMOUNT, UPDATE 가 되었을 경우에 따라서 싸이클을 실행할 수 있다.

 

함수 사용법은

useEffect ( function , deps) 이다. function은 콜백함수이고, deps는 배열형태이다.

 

배열 형태에 따라서 hook 사이클을 조절할 수있다.

 

1.deps -> [] 빈 배열 설정

useEffect ( ()=>{

 console.log('마운트가 될 경우')

} , [])

 

2.deps -> 생략 설정

useEffect ( ()=>{

 console.log('컴포넌트가 랜더링 될때마다 ')

} )

 

3.deps -> 특정 props, stat가 갱신될때 마다.

useEffect ( ()=>{

 console.log('해당 props가 갱신될 떄 마다. ')

},[props] )

profile

개발Story

@슬래기

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!