티스토리 뷰

프론트엔드 깍두기/React.js 조각

DAY07

최삐뚤빼뚤씨 2024. 8. 31. 17:40

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
링크
«   2025/02   »
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
글 보관함