如何将我的初始状态放入我的 redux 商店？

Question

我正在尝试使用 redux 制作登录功能。 问题是我无法弄清楚如何使用我存储用户信息的初始状态。

import { configureStore } from '@reduxjs/toolkit'
import { postListReducer, postDetailsReducer } from './reducers/postReducers'
import { userLoginReducer } from './reducers/userReducers'

const store = configureStore({
  reducer: {
    postList : postListReducer,
    postDetails : postDetailsReducer,
    userLogin : userLoginReducer,
  },
})

const userInfoFromStorage = localStorage.getItem('userInfo') ?
  JSON.parse(localStorage.getItem('userInfo')) : null

const initialState = {
    userLogin : {userInfo: userInfoFromStorage}
  }
  

export default store

Answer 1

我可以看到您正在使用 redux 工具包，您可以在 userLoginReducer 文件中添加初始状态，那里有一个道具适合您。 至于总体解决方案，我建议你看看这个 repo： https ://github.com/rt2zz/redux-persist

也许这个库就是你要找的。

来源： https ://redux-toolkit.js.org/api/createslice#initialstate