微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

刷新后获取redux实际存储使用redux-persist

如何解决刷新后获取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 举报,一经查实,本站将立刻删除。