Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

220
Visualizações
How to store local storage and regular data at the same time in a reducer ( redux-persist)?

I have 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;

And some 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;

The problem is that I only need to store one state in localStorage - userData (this works now), but I also have a loaded state that I don't need in local storage. How can I store local storage and deffault states at the same time?

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda