반응형 리액트 context1 React Context 사용해보기 컴포넌트의 구조가 깊게 얽혀 있다면... props 유지보수가 어렵게 된다.이때, Context를 사용한다.회사에서 여러 프로젝트에 쓰인 리액트 소스를 보니 userSession을 Context 반복작업을 해놓은 것을 봤다. 예제이므로 간단하게 콤포넌트 구조를 보자면, 아래와 같다.App => Page => Header, Content, Footer 예제는 3단 구조이나 실무에서는 이렇게 간단한 시스템은 거의 없다. 1. 우선 Context를 js 파일하나 만들어 선언한다.import { createContext } from 'react';export const UserContext = createContext(null); 2. App.js 에서 작성한 UserContext를 불러온다.유저정보를 db에서.. 2024. 6. 1. 이전 1 다음 반응형
