У меня та же проблема, что и в следующем вопросе. но с другой библиотекой. Как сбросить состояние хранилища Redux?
Я использую редукс-инжекторы из react-boilerplate и использую усилители, предоставленные из библиотека. Мне нужно очистить все состояние избыточности при выходе из системы, но поскольку мой выход из системы находится в отдельном глобальном срезе, это может повлиять только на глобальный срез, а не на другие состояния избыточности. Как очистить все остальные состояния, вызывающие действие из глобального состояния?
Вот как я комбинирую редукторы:
import { combineReducers } from '@reduxjs/toolkit';
export function createReducer(injectedReducers = {}) {
if (Object.keys(injectedReducers).length === 0) {
return state => state;
}
return combineReducers({
...injectedReducers
});
}
мой глобальный редуктор:
import { createSlice } from '@reduxjs/toolkit';
const initialState = {
loading: false
};
const globalSlice = createSlice({
name: 'global',
initialState,
reducers: {
logout(state) {
return state;
}
}
});
export const { actions, reducer, name: sliceKey } = globalSlice;
мой магазин/index.js
import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import { createInjectorsEnhancer, forceReducerReload } from 'redux-injectors';
import createSagaMiddleware from 'redux-saga';
import { createReducer } from './reducers';
function configureAppStore() {
const reduxSagaMonitorOptions = {
onError: (error, { sagaStack }) => {
// console.log(error, sagaStack);
}
};
const sagaMiddleware = createSagaMiddleware(reduxSagaMonitorOptions);
const { run: runSaga } = sagaMiddleware;
// Create the store with saga middleware
const middlewares = [sagaMiddleware];
const enhancers = [
createInjectorsEnhancer({
createReducer,
runSaga
})
];
const store = configureStore({
reducer: createReducer(),
middleware: [
...getDefaultMiddleware({
serializableCheck: {
ignoredActionPaths: ['payload.history']
},
immutableCheck: false
}),
...middlewares
],
devTools:
process.env.NODE_ENV !== 'production'
|| process.env.PUBLIC_URL.length > 0,
enhancers
});
// Make reducers hot reloadable, see http://mxs.is/googmo
if (module.hot) {
module.hot.accept('./reducers', () => {
forceReducerReload(store);
});
}
return store;
}
export const store = configureAppStore();