牙膏的网站建设方案,镇江百度网站排名,wdcp 默认网站,徐州优化网站文章目录问题分析1. store中存储token2. 存储token#xff1a;在server.js文件中进行存储2. 获取token#xff1a;在一般的jsx文件中解决问题
在 React 的请求封装中使用store中的内容时报错如下
分析
我的写法如下#xff1a;
1. store中存储token
import { create }…
文章目录问题分析1. store中存储token2. 存储token在server.js文件中进行存储2. 获取token在一般的jsx文件中解决问题
在 React 的请求封装中使用store中的内容时报错如下
分析
我的写法如下
1. store中存储token
import { create } from zustand
import { devtools, persist } from zustand/middleware// 主状态store
const useStore create()(devtools(persist((set, get) ({// 状态count: 0,user: null,loading: false,beidouToken: null,setBeidouToken: token set({ beidouToken: token }, false, setBeidouToken),}),{name: app-storage, // 本地存储的keypartialize: state ({count: state.count,user: state.user,}), // 只持久化这些字段}),{name: app-store, // devtools中显示的名称})
)export { useStore }
2. 存储token在server.js文件中进行存储
import { useStore } from /stores/useStore
const { setBeidouToken } useStore()
setBeidouToken(res.data)2. 获取token在一般的jsx文件中
import { useStore } from /stores/useStoreconst { beidouToken } useStore()然后就报错如下了
解决
useStore是一个Zustand store
const onFinish async () {const { useStore } await import(/stores/useStore);const store useStore.getState();if (store store.setBeidouToken) {store.setBeidouToken(111111);}setTimeout(() {const { beidouToken } useStore.getState()console.log(token, beidouToken);}, 2000);
}