일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- virtualDOM
- reactDOM
- ForwardRefs
- CSS
- useContext
- hoisting
- js
- useEffect
- 프로그래머스
- useReducer
- ConnectBy
- realDOM
- vscode
- React
- useCallback
- SQL
- reactPortals
- MariaDB
- flexbox
- 변수타입
- useImperativeHandle
- eventloop
- mysql
- 재귀함수
- 비제어컴포넌트
- useState
- BIND
- 리액트작동원리
- 드림코딩
- 제어컴포넌트
Archives
- Today
- Total
목록useContext (1)
SOOM_BLOG [숨숨 블로그]
react) CONTEXT
CONTEXT 여러개의 컴포넌트에 영향을 미치는 state를 관리할 때, prop drilling(=prop chain)을 필요로 하는데, 이런 경우 prop으로 state를 계속해서 전달하게 되면 관리하기가 매우 어려워진다. 이런 어려움을 해결하기 위해 context를 배워보자. CONTEXT는 모든 수준에서 props를 수동으로 전달하지 않고도 구성 요소 트리를 통해 데이터를 전달할 수 있는 방법을 제공한다. 💡 CONTEXT를 사용해보자 1. createContext()를 통해 context 생성 전역 데이터를 관리하기 위해서 React 패키지에서 제공하는 createContext라는 함수를 사용한다. 개념적으로 React Context는 전역 데이터를 담고 있는 하나의 저장 공간이라고 생각할 수 ..
TIL/react
2022. 2. 7. 19:46