Context 흐름

Context는 Provider 트리 아래로 값을 전달한다

props를 여러 단계로 넘기지 않고도 Provider가 감싼 하위 컴포넌트에서 같은 값을 읽을 수 있다.

전파 구조

shared value

createContext

공유할 값의 통로를 만들고 기본값은 Provider가 없을 때만 의미가 있다.

Provider value

트리의 특정 지점부터 하위 컴포넌트가 같은 값을 참조하게 한다.

useContext

가장 가까운 Provider의 값을 읽고 value 변경 시 함께 업데이트된다.

Context 생성ProvideruseContext재렌더
상태 공유 해석

Context는 전역 상태 저장소가 아니라 트리 안에서 자주 함께 읽는 값을 전달하는 통로로 보는 편이 정확하다.