>wecode Hooks

송나은·2021년 3월 31일
0

>wecode [Project 02]

목록 보기
4/10

Hooks by 멘토 성훈님

상태관리를 할 수 없었던 함수형 컴포넌트에 추가된 것!!!!!!!!!!!! 짱
함수 내부에서 선언된 변수는 사라지니까

클로저ㅓㅓㅓㅓㅓㅓㅓㅓㅓㅓㅓ

함수 내부에서 선언된 변수를 참조(선언된 환경을 기억)하고 있는 함수

setState(),()=>{}
state 상태가 변화했을 ㄸ ㅐ 콜백으로 받아서 실행했던 비동기 처리를 useEffect로 구현할 수 있따!!!
상태를 지켜보다가 변화가 생겼을 때 발생하는 함수이기 때문엥

useEffect(() => {if(조건){실행할 함수}}.[])
=componentDidmount 빈배열, 최초 한 번만

useEffect(() => {if(조건){실행할 함수}})
모든 상황에서 실행

useEffect(() => {실행할 함수}.[data])
=componentDidupdate 배열 안의 값의 상태에 따라 실행. 의존성배열

useEffect(() => {addEventListener; return removeEventListener}.[])
=componentwillunmount

-> document.addeventListener 함수 사용 시에 clean 해줘야햅햅햅

profile
그때그때 공부한 내용과 생각을 기록하는 블로그입니다.

0개의 댓글