반응형
createJSONStorage
스토리지 종류 선택
- default값은 localStorage
- 세션 스토리지를 사용하고 싶은 경우엔, sessionStorage를 입력한다.
import { create } from 'zustand'
import { persist, createJSONStorage } from 'zustand/middleware'
const useFishStore = create(
persist(
(set, get) => ({
fishes: 0,
addAFish: () => set({ fishes: get().fishes + 1 }),
}),
{
name: 'food-storage', // unique name
**storage: createJSONStorage(() => sessionStorage), // (optional) by default, 'localStorage' is used**
}
)
)
반응형
'Front-End: Web' 카테고리의 다른 글
zustand: subscribeWithSelector로 subscribe하기 (0) | 2023.07.30 |
---|---|
shallow로 zustand 최적화하기 (0) | 2023.07.30 |
React Query: Optimistic Updates (0) | 2023.07.22 |
절대 경로 설정하기 (craco + typescript + storybook) (0) | 2023.07.22 |
스토리북에 폰트 적용하기 (0) | 2023.07.22 |