React Context API 사용법 및 Props와 Context차이점
·
FE/React
📌 Context API 사용법 - 리액트 애플리케이션에서 전역적으로 데이터를 공유하고 관리하는 방법을 제공한다. (간편한 전역 상태 관리 가능) - 상위 -> 하위 컴포넌트로 데이터 전달 시 속성(props)을 전달하지 않고도 컴포넌트 간 데이터를 공유할 수 있도록 해줌 1. UserContext.js 파일 생성 - createContext함수 import : 새로운 컨텍스트 생성할 때 사용하는 함수 - UserContext라는 context 생성, 초기값 null로 주고 다른 컴포넌트에서 사용할 수 있도록 export import { createContext } from "react"; export const UserContext = createContext(null) 2. App.js (부모) - ..