[js/ts/react/nextjs] recoil 1분 사용법

[js/ts/react/nextjs] recoil 사용법

 

#설치

npm i recoil

 

#RecoilRoot 추가

 

#src/atom.ts 프로퍼티 정의(상태)

import { atom } from "recoil";

export const ShowPopupState = atom<boolean>({
  key: "ShowPopup",
  default: false,
});

 

#사용 useState처럼 useRecoilState에 위에 프로퍼티 넣어서 사용

 

#javascript #typescript #react #nextjs #recoil