Простой способ получить доступ к 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, он сохраняет состояние избыточности в локальном хранилище. Также есть возможность занести в черный или белый список определенные редукторы. Используя этот пакет, нам не нужно вручную обрабатывать локальное хранилище, так как обновления магазина приставки