Загрузите начальное состояние с помощью localstorage Redux + Next. js

Question

Я пытаюсь загрузить начальное состояние из localstorage для создания хранилища, но получаю эту ошибку: ReferenceError: localStorage is not defined

Мой магазин:

const store = createStore(reducer, {
    userInfo: {
        isLogged: false,
        items: localStorage.getItem("@items") || []
    }
})

Answer 1

локальное хранилище не определено в следующем js, потому что оно отображается на стороне сервера для реализации вашего Redux, используйте этот котел Plate в следующем js.

Пример Redux Persist

В этом примере показано, как интегрировать Redux с мощью Redux Persist в Next. js.

С преимуществом наличия глобального состояния для вашего приложения с помощью redux. Вам также потребуется, чтобы некоторые из ваших значений состояния были доступны в автономном режиме. Существует redux-persist, с помощью которого вы можете сохранять свои состояния в локальном хранилище браузера. Хотя существуют различные способы сохранения ваших состояний, которые вы всегда можете найти в документации. Это пример того, как вы можете интегрировать redux-persist с redux вместе с универсальным подходом к рендерингу Next. js.