side effect ( 부수효과 )

1) 개요

현재 랜더링되는 기본적인 프로세스에 영향을 미치지 않는 특별한 기능처리 담당

 

useEffect는 보통

초기화

close

cleanup 

작업으로 주로 사용

 

2) 문법

   import { useEffect } from 'react';

 

   useEffect( 함수 , [변수값] | [ ] );  -> return이 없음

 

없으면 

app가 재랜더링 될때마다 실행

채워져있으면 

 state(변수)가 변경될때마다 실행

 

3) 옵션에 따른 실행

   -  옵션이 없는 경우

       [ ] : 부수함수가 단 한번 실행

       [state] : state가 변경되면 부수함수가 재 실행됨

       [ ] 지정안함: App가 재랜더링 될 때 부수함수가 재 실행됨

 

---

 

실습

 

App이 먼저 실행되고 useEffect가 실행