taro之zustand本地数据持久化

使用案例

import { getStorageSync, removeStorageSync, setStorageSync } from '@tarojs/taro'
import { persist } from 'zustand/middleware'
import { create } from 'zustand'

// 定义 storage 类
const asyncLocalStorage = {
  getItem: getStorageSync,
  setItem: setStorageSync,
  removeItem: removeStorageSync
}

// 创建实例
const cretaeCardIdSlice = (set, _get) => ({
  cardId: '',
  setCard: (input) => set({ cardId: input })
})

// 使用 `devtools` 和 `persist` 中间件来创建 store
export const useCardIdState = create(
  persist(
    (set: any, get: any) => ({
      ...cretaeCardIdSlice(set, get)
    }),
    {
      name: 'CARD_ID', // 存储到 localStorage 中的键
      partialize: (state) => ({ cardId: state.cardId }),
      getStorage: () => asyncLocalStorage
    }
  )
)

赋值

const setCardId = (e) => {
    // Taro.setStorageSync('CARD_ID', e.id)
    setCard(e.id)
}

读取值

const cardIdState = useCardIdState()

console.log('cardIdState=====>>>', cardIdState, cardIdState.cardId)