У меня есть store.js
import {configureStore, combineReducers} from "@reduxjs/toolkit"
import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
import userData from "./userData";
import loadingStatus from "./loadingStatus";
const rootReducer = combineReducers({
data: userData,
});
const persistConfig = {
key: 'root',
storage,
}
const persistedReducer = persistReducer(persistConfig, rootReducer);
const store = configureStore({
reducer: persistedReducer,
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
serializableCheck: {
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
},
}),
})
export const persistor = persistStore(store);
export default store;
И два slicers:
loadingStatus.js
import {createSlice} from "@reduxjs/toolkit";
const loadingStatus = createSlice({
name: 'loaded',
initialState: {
loaded : false
},
reducers: {
setLoading(state, action) {
return { loaded: action.payload}
}
},
});
export const {setLoading} = loadingStatus.actions;
export default loadingStatus.reducer;
userData.js
import {createSlice} from "@reduxjs/toolkit";
const userData = createSlice({
name: 'data',
initialState: {
data : []
},
reducers: {
getData(state, action) {
return { data: action.payload}
}
},
});
export const {getData} = userData.actions;
export default userData.reducer;
Проблема заключается в том, что мне нужно хранить в localStorage только одно состояние - userData ( сейчас это работает), но у меня также есть состояние loaded, которое мне не нужно в local storage. Как я могу одновременно хранить состояния из local storage и обычные?