Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- composable architecture
- Protocol
- 운영체제
- 멋사
- 멋쟁이사자처럼
- swift concurrency
- c++
- 스유
- 알고리즘
- ReactorKit
- 웹
- widget
- widgetkit
- 후기
- 대외활동
- 컴퓨터그래픽스
- 백준
- 문법
- 스위프트
- Swift
- SwiftUI
- uikit
- spritekit
- 네트워크
- cs
- dispatchqueue
- TCA
- 리액트
- 영남대
- 위젯킷
Archives
- Today
- Total
맛동산이
useEffect에 대해서 본문
useEffect는 리액트 컴포넌트가 렌더링 될 때 마다 특정작업을 실행할 수 있도록 하는 hook이다.
그냥 뭐 새로고침 될때마다 뭔가 실행되게 한다고 생각하면 좀 쉬울지도?
아무튼 형태는 다음과 같다.
useEffect(function, deps)
*function = 수행하고자 하는 작업 (함수)
*deps = 검사하고자 하는 값 또는 배열
렌더링 될때마다 실행시
useEffect(function, [])
한번 렌더링 될때 처음 딱 한번 실행시 =배열에 아무것도 안넣음. 하지만 빈배열
useEffect(function, [])
특정 props 나 state가 변경될 때 실행시???, =특정값일때 실행
useEffect(function, [바뀌는값])
여기에서 뭔말인가 싶은데
특정 props나 state가 변경될 때 라는 말은 그냥
저 바뀌는값이라는 배열에 들어가는 값이 변경될때! 마다 function을 실행하겠다는 것이다.
아무튼 그러하다.
반응형
'웹 > 리액트' 카테고리의 다른 글
리액트 스터디 4탄) props (0) | 2022.07.12 |
---|---|
리액트 스터디 3탄) virtual DOM (0) | 2022.07.12 |
리액트 스터디 2탄) 리액트란? (0) | 2022.07.12 |
리액트 스터디 1탄) mvc 아키텍쳐 (0) | 2022.07.12 |
Link 와 useNavigate의 차이점 (0) | 2022.06.03 |