Recoil-persist로 state를 localstorage로 저장하기

김명성·2022년 3월 8일
1

REACT

목록 보기
7/32

atom.tsx

  1. import { recoilPersist } from 'recoil-persist';
2. const { persistAtom } = recoilPersist({
  key: 'something',
});

키값은 사용자가 설정할 수 있다.
스토리지의 기본값은 로컬스토리지이다.

3.export const toDoState = atom<Interface>({
  key: 'something',
  default: [],
  effects_UNSTABLE: [persistAtom],
});

사용할 atomState에 effects_UNSTABLE: [persistAtom] 추가

atom의 default값이 바뀌면 localstorage에 저장/삭제/변경된다.

0개의 댓글