[React & 가계부프로젝트] vue와 비교한 useEffect의 2가지 방식 !! (onMounted, watch)

1. onMounted

useEffect(() => {
  //초기 렌더링 시 
}, [])

useEffect 두번째 인자로 [ ] 를 넘겨주면 vue와 동일한 onMounted 가 된다. 
화면 렌더링 시에 최초 1번 실행된다.

 

2. watch

const [form, setForm] = useState();
useEffect(() => {
  //form값이 바뀔때마다
}, [form])

useEffect 두번째 인자로 [ 변수 ] 를 넘겨주면 vue와 동일한 watch가 된다. 
console.log를 찍어보면 변수의 값이 바뀔때마다 찍히는 것을 볼 수 있다.