프론트엔드/리액트-데어프로그래밍 강좌정리
react useEffect
스펀지연구소
2021. 7. 22. 08:46
useEffect
sub.js하나 만든다.
export default sub; 는 외부에 이 함수를 노출하겠다라는 뜻
defalut는 하나 밖에 못하지만 변수나 추가적인 export를 하려면 { } 안에 넣어서 export default { 변수 } 이렇게 적어줘야한다.
// useEffect 함수 실행시점 :
// (1) App() 함수가 최초 실행 될 때 (App() 그림이 최초 그려질때=마운트될때)
// (2) 상태 변수가 변경될 때 (그게 dependencyList에 등록되어 있어야함)
(상태변수변경될때 변경안되고싶으면, dependency값을 [ ]로 넣어주면 된다)
// (3) 의존리스트 관리할 수 있다.
useEffect:(()=>{
console.log('useEffect 실행됨');
}, [ ] );