티스토리 뷰
Context API란?
- 리액트의 내장 API(16버전 이상)중 하나로 Props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있도록 도와주는 API
Props의 드릴링이란?
- A.jsx ~ Z.jsx까지 있다고 가정할 때 부모(A 컴포넌트)부터 최하위 자식(Z 컴포넌트)까지 Props를 보내는 과정을 드릴링이라고 한다.
Context API는 언제 사용할까?
- 변화가 없는 것, 즉 다크모드/화이트 모드 등 값이 선언되어 있는 상태로 변화가 없는 상태의 변수를 지정한다.
- context는 상태를 변화시켜주는 기능이 아니다.
Context의 단점
- Provide 컴포넌트는 Value를 Props로 받아서 하위 컴포넌트에게 전달한다.
- 이 과정에서 Value가 업데이트 되었을 때 리랜더링이 되어야 하는데, 직접적으로 Value를 사용하는 컴포넌트 뿐만 아니라 Provider로 제공해주는 모든 컴포넌트가 리랜더링 된다.
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 27323
- 배수와약수
- 데이터추상화
- 25314
- 삼각형과세변
- 약수
- 개발계발
- 26069
- 직사각형
- 붙임성 좋은 총총이
- 과제안내신분
- 배수
- 베라의 패션
- python
- 브라우저뜻
- 칸토어 집합
- 다음소수
- 피보나치수5
- C99
- SW생명주기
- 알고리즘
- 25304
- 브라우저
- C언어
- 점근적표기
- 파이썬
- 4779
- SWLIfeCycle
- 백준
- 약수들의합
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함