如何解决刷新后获取redux实际存储使用redux-persist
我的商店看起来像:
import { createStore,applyMiddleware,Store,AnyAction } from 'redux';
import thunk from 'redux-thunk';
import { composeWithDevTools } from 'redux-devtools-extension';
import { persistStore } from 'redux-persist';
import { rootReducer } from './reducer';
export const store = createStore(
rootReducer,{},composeWithDevTools(applyMiddleware(thunk))
) as Store<any,AnyAction>;
export const persistor = persistStore(store);
在 ./reducer 中创建了 combineReducer,combineReducers 发送切片 reducer,然后再发送给persistReducer。
export const rootReducer = combineReducers({
ui: persistReducer(configUi,uiReducer),user: persistReducer(configUser,userReducer),});
当前状态需要创建必要的实例 axios。
const createConnection = (mode: string | undefined,typeUser: string) => {
const connect: Connection = new Connection();
if (mode && mode === 'client' && typeUser === 'visitor')
connect.setConnection(new ClientVisitor());
if (mode && mode === 'client' && typeUser === 'group')
connect.setConnection(new ClientGroup());
if (mode && mode === 'client' && typeUser === 'user')
connect.setConnection(new ClientUser());
if (mode && mode === 'dev' && typeUser === 'visitor')
connect.setConnection(new DevVisitor());
if (mode && mode === 'dev' && typeUser === 'group')
connect.setConnection(new DevGroup());
if (mode && mode === 'dev' && typeUser === 'user')
connect.setConnection(new DevUser());
return connect.createConnection();
};
const currentTypeUser = store.getState().user.status;
const connection = createConnection(
process.env.REACT_APP_MODE,currentTypeUser
);
刷新页面后,如何在提供程序和 PersistGate 之外获取当前的持久状态?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。