context2 [React] Context API 특정 함수를 특정 컴포넌트를 거쳐서 원하는 컴포넌트에게 전달하는 작업3~4개 이상의 컴포넌트를 거쳐서 전달을 해야한다면?프로젝트 안에서 전역적으로 사용할 수 있는 값을 관리할 수 있다.여기서 “값”은 상태뿐만 아니라, 함수, 외부 라이브러리 인스턴스, DOM 모두 가능⇒ 리액트의 Context API와 dispatch를 사용하여 이러한 복잡한 구조를 해결해보자Context API 만들어보기React.createContext()const UserDispatch = React.createContext(null);createContext의 파라미터에는 Context의 기본 값을 설정Context를 만들면, 안에 Provider라는 컴포넌트가 들어있는데, 이것을 통하여 Context의 값을 정할 수 있음이 컴포.. 2025. 2. 5. [React] Context useContext는 기존의 React에 존재하는 Context를 더 편하게 사용할 수 있게 해주는 역할Context 개념context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있음 (React공식문서)⇒ 데이터가 필요할 때마다 props를 통해 전달할 필요 없이 context 로 공유 가능context APIcreateContext : context 객체 생성Provider : 생성한 context를 하위 컴포넌트에게 전달Consumer : context의 변화를 감시하는 컴포넌트 2023. 8. 31. 이전 1 다음