Простой способ получить доступ к localStorage вместо онлайн-хранилища

Question

Я только что экспортировал несколько вещей из своего магазина в localStorage (фактический вошедший в систему пользователь), чтобы пользователь мог снова открыть вторую вкладку без входа в систему.

Для помещения данных в localStorage, который я использовалRedux-Middleware (если действие - вход в систему, я помещаю данные входа в localStorage).

export const storageMiddleware = () => next => action => {
    console.log("Share Middleware...");
    console.log(action);
    switch(action.type){
      case 'LOGIN':
        localStorage.setItem('login-token', action.token);
        localStorage.setItem('login-token-expiration', action.expiration);
        break;
      default:
        break;
    }
    next(action);
  };

Теперь мой вопрос: есть ли простой способ получить данные из localStorage?Как и в промежуточном программном обеспечении для чтения, где я вызываю localStorage.getItem вместо того, чтобы возвращать значение из хранилища с избыточностью?

Или мне нужно изменить каждый компонент, который использует данные входа в систему для доступа к localStorage вместо хранилища с избыточностью.

Теперь я получаю доступ к токену с помощью метода mapStateToProps.

Answer 1

Один из простых способов сделать это - использовать redux-persist , он сохраняет состояние избыточности в локальном хранилище.Также есть возможность занести в черный или белый список определенные редукторы.Используя этот пакет, нам не нужно вручную обрабатывать локальное хранилище, так как хранилище обновлений обновляется