[React] Context API 기본

리액트에 내장된 상태 관리 라이브러리인 Context API는 특정 컨텍스트 내의 모든 컴포넌트 간에 데이터를 공유할 수 있다.

명시적으로 다른 컴포넌트에 속성값 형태로 데이터를 전달할 필요가 없다.

 

createContext

컴포넌트에 제공하고 읽을 수 있는 컨텍스트를 생성하는 함수다.

인자로 기본값을 전달할 수 있다.

 

context.Provider

Provider 하위에 있는 모든 컴포넌트들은 context 값을 공유한다.

Provider의 value 속성값에 context 값을 대입할 수 있다.

 

useContext

컨텍스트를 구독하고 읽을 수 있는 리액트 훅이다.

구독하고자 하는 컨텍스트 인스턴스를 전달하면 컨텍스트의 값을 반환한다.