React 컨텍스트

React 컨텍스트는 상위 컴포넌트가 제공한 값을 트리 아래의 컴포넌트가 읽는 경로다. 중간 컴포넌트가 자신에게 필요하지 않은 값을 단계마다 전달하지 않아도 테마나 현재 계정처럼 트리의 넓은 범위에서 필요한 값을 제공할 수 있다.

컨텍스트 값을 읽는 컴포넌트는 가장 가까운 상위 제공자의 값을 현재 렌더링 입력으로 사용한다. 제공자가 다른 값을 주면 그 값을 읽는 컴포넌트의 화면도 다시 계산될 수 있다. 단순히 전달 단계가 몇 번 있다는 이유만으로 모든 값을 컨텍스트로 옮기기보다, 필수 입력 관계가 중요한 값은 명시적인 props 전달이나 컴포넌트 구조 조정을 먼저 검토한다.