본문 바로가기

React

[React]컨텍스트 API

createContext()

createContext()함수를 사용하면 컨텍스트르르 생성할 수 있습니다. 이 함수는 공급자와 소비자를 반환합니다.
공급자와 소비자에 대한 개념은 밑의 링크를 참고해주세요.(컨텍스트 개념 이해하기)
createContext()의 기본적인 사용 방법입니다.

const MyContext = React.createContext(defaultValue);
//공급자와 소비자는 MyContext.Provider, MyContext.Consumer으로 접근하여 사용한다.
//const { Provider, Consumer } = React.createContext(defaultValue); 처럼 분할 할당해도 된다.

createContext()는 리액트 최상위 함수입니다. 따라서 React.createContext()형태로 사용하게 됩니다.