logo

React - Context Explained

language-logoReactJS
language-logoMobX
language-logoRedux

• React 문서에 따르면, Context는 React 컴포넌트 트리에 대한 "전역"으로 간주할 수 있는 데이터를 공유하기 위해 설계되었습니다.
• Context는 Redux나 MobX 대신 사용할 수 있으며, 깊게 중첩된 컴포넌트에 props를 전달할 때 사용합니다.
• Context를 사용하려면 `React.createContext(defaultValue)`를 사용하여 Context 객체를 생성하고, `<MyContext.Provider value={/* some value */}>`를 사용하여 값을 제공합니다.
• 클래스 컴포넌트에서는 `Class.contextType`을 사용하여 가장 가까운 Context 값을 사용하고, 함수 컴포넌트에서는 `Context.Consumer`를 사용하여 context 변경을 구독할 수 있습니다.

thumbnail
북마크
공유하기
신고하기
2분 분량
조회수 181
profile-image뱅진
2년 전
Copyright © 2025. Codenary All Rights Reserved.