728x90
반응형
React useContext
-
React - Context APIFront-end/React 2023. 7. 19. 01:24
React Context API Context API 란 props를 일일히 자식 태그마다 넘겨보내지 않고 컴포넌트 트리 전체에 데이터를 쉽게 공유할 수 있도록 해주는 React 내장함수이다. Contex API를 사용하기위에 createContext함수를 import 해야한다. import { createContext } from "react"; createContext 함수란 context를 생성하여 공용하기위한 데이터(state)를 저장한다. export let Context1 = createContext(); 데이터를 공유하기위해 context를 생성하여 state 공유를 원하는 태그를 감싸준다. // 공용으로 사용할 데이터 let [product] = useState(['hat', 'shirt'..