React HOOK :: useEffect

useEffect는

componentDidMount, componentWillUnmount,

componentWillUpdate와 같은 역할을 한다.

 

  useEffect(function, [리스트...]);  

두번째 인자는 생략 가능.

두번째 인자가 없을 경우, 모든 변화에 function 실행.

 

두번째 인자가 있을 경우,

두번째인자가 변경될때에만 useEffect 실행.

>>> componentWillUpdate

 

---

5초가 지난 뒤에 title이 'Loading...'에서 'Home'으로 바뀜.

const titleUpdater = useTitle('Loading...'); 은 componentDidMount,

setTimeout(() => titleUpdater('home'), 2000); 은 componentWillMount의 역할을 수행한다.

 

const titleUpdater은 setTimeout이 시작 되기 전 기본값을 주었기 때문이고,

titleUpdater은 setTimeout이후 title값을 바꾸어주었기 때문이다.