react로 웹을 만들다 보면 전역변수를 가져와야 할 때가 있습니다. 이때 Context를 이용해서 해결할 수 있습니다.
로그인 상태를 저장하는 전역변수를 만든다고 해봅시다.
createContext를 이용해서 context를 만듭니다.
<LoginContext.Provider>를 이용하면 이 안에서는 해당 context 값을 읽고 쓸 수 있습니다.
useContext를 이용해서 값을 읽을 수 있습니다. 같은 파일에 useAuth 함수를 만들어서 값을 export 합니다. 이 함수를 호출해서 값을 읽을 것입니다.
값을 읽고싶은 파일에서 useAuth를 호출해 isLogin과 setIsLogin을 받습니다.
그럼 isLogin과 setIsLogin을 사용할 수 있습니다.
'개발 > 프론트엔드' 카테고리의 다른 글
| react - path parameter (0) | 2024.10.22 |
|---|---|
| react - useEffect (2) | 2024.10.09 |
| react - useState (1) | 2024.10.08 |
| react - 소스 코드로 페이지 전환 (0) | 2024.09.20 |
| react - 페이지 전환 (0) | 2024.09.13 |
