useEffect 실행시점 :
1. App()그림이 최초로 그려질 때 실행
2. 상태 변수가 변경될 때 ( 단 변경은 dependencyList에 등록되어 있을 경우에만 해당 )
3. 의존리스트로 실행을 관리를 할 수 있다
* 한번만 실행되고 다시 useEffect를 실행하고 싶지 않다면
[] 빈 배열을 넣어주면 실행되지 않는다.
[] 빈 배열은 어디에도 의존하지 않겠다는 뜻이다
useEffect에서 만약 search라는 함수를 통해서 검색을 해야한다면
검색할 때 그 결과를 다시 그려줘야하는데 [] 빈 배열을 넣으면 절대 그려지지 않는다
[] 안에 search라는 함수를 넣어주면 그 함수에 의존해서 useEffect가 실행되어서
그림을 그릴 수 있게 되는 것이다
'FrontEnd' 카테고리의 다른 글
components styled 개념정리 (0) | 2022.11.16 |
---|---|
useRef 개념정리 (0) | 2022.11.16 |
useMemo 개념정리 (0) | 2022.11.16 |
리액트 개념정리 (0) | 2022.11.16 |
[CSS] float, clear:both 속성 이해하기 (0) | 2022.11.09 |