
[React.js] Context
2024. 6. 12. 14:28
Frontend/React.js
Context란?컴포넌트간의 데이터를 전달하는 또 다른 방법기존의 Props가 가지고있는 단점을 보완 Props의 단점props를 계층구조상에서 B까지 전달하려면 A한테 주고 A한테서 받는 형태로 진행했어야했음 서비스의 규모가 커져서 많은 컴포넌트들을 거쳐야하는 상황에서 굉장히 좋지 않음 React Context로 해결! React Contextcontext : 데이터 보관소(객체) context에 보관해놓고 필요한 곳에 데이터를 공급하는게 가능함 //보통 컴포넌트 외부에서 생성 const TodoContext = createContext(); import "./App.css";import { useRef, useState, useReducer, useCallback, createCont..