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 | 29 | 30 |
Tags
- JS Array Functions
- DB Navigator
- BOJ2042
- Modern Javascript
- State
- spread operator
- MST구현
- Segment Tree
- rest operator
- 리액트의 작동방식
- state update scheduling
- java
- DFS
- Lifting State Up
- 리액트 상태값 업데이트
- react
- Greedy
- 리액트 성능 최적화
- 섬 연결하기
- Kruskal Algorithm
- heap
- codility
- 프로그래머스#JAVA
- batch udpate
- useState
- 프로그래머스
- useContext
- React 훅 사용규칙
- useReducer
- 객체지향 설계 5원칙
Archives
- Today
- Total
개발하는SM
[React] Hook 사용규칙 본문
1. React Hook 은 React Function 내부에서만 사용한다.
- JSX 를 return 하는 React Component Function 혹은 Custom Hooks 에서만 사용한다.
2. React Hook 은 Top Level 에서만 호출한다.
- React Hook 을 nested 하게 사용할 수 없다.
- React Hook 을 그 어떤 block statement 내부에서라도 사용할 수 없다.
예시) 아래와 같은 형태는 불가함
if(true){useEffect(()=>{})}
3. useEffect 훅 사용 시, useEffect 훅 내부에서 참조하는 모든 변수는 deps 배열에 추가한다.
'Web > Front-End' 카테고리의 다른 글
[React] Context API 와 useContext Hook (0) | 2023.03.20 |
---|---|
[React] React 의 참조형 타입 State 관리와 Javascript 깊은 복사 (2) | 2023.03.19 |
useState() VS useReducer() (0) | 2023.02.20 |
React useEffect ( + Cleanup 함수 ) (0) | 2023.02.19 |
React State - Lifting State Up (0) | 2023.01.09 |