본문 바로가기

Front-End: Web

[React-Query] createJSONStorage

반응형

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**
    }
  )
)
반응형