[RECOIL] 로컬 스토리지 저장방법

학습일 : 2023. 04. 25

---

 https://www.npmjs.com/package/recoil-persist

recoil-persist

 

 

 

사용을 위해 install

npm i recoil-persist

 

 

import

import { recoilPersist } from 'recoil-persist'

 

 

 

<atom.tsx>

atom 에

const { persistAtom } = recoilPersist();

effects_UNSTABLE: [persistAtom] 을

추가해주면 된다.

// recoil persist - 로컬스토리지 저장
const { persistAtom } = recoilPersist();

// toDoState
export const toDoState = atom<IToDo[]>({
  key: "toDo",
  default: [],
  effects_UNSTABLE: [persistAtom],
});