相关疑难解决方法(0)

从 Redux 更改为 Redux Toolkit

我是 React 新手,正在尝试通过编码来学习。

我需要一些代码方面的帮助/建议,将此 Redux 存储转换为 Redux Toolkit。这里我使用一个名为configureStore的函数。将其更改为使用来自“@reduxjs/toolkit”的“configureStore”的好方法是什么?

这是出于学习目的。那个“createRootReducer”来自我的reducers.js,它结合了

const createRootReducer = (history) => combineReducers({
    articles: articlesReducer,
    selection: selectionReducer,
});
Run Code Online (Sandbox Code Playgroud)

我的store.js文件:

const createRootReducer = (history) => combineReducers({
    articles: articlesReducer,
    selection: selectionReducer,
});
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs react-redux redux-toolkit

17
推荐指数
1
解决办法
4万
查看次数

如何使用“combineReducers”将 Redux 状态转换为 Redux Persist?

我尝试在 Redux-Persist 中转换我的 Redux 状态,但我不知道如何编写代码,因为我使用 mergeReducers。

这是我的商店的样子:

import { createStore, combineReducers } from 'redux'
import { usersReducer } from './users';
import { eventsReducer } from './events';

export const store = createStore(combineReducers({
    users: usersReducer,
    events: eventsReducer
}));
Run Code Online (Sandbox Code Playgroud)

这就是商店的样子:

const initialState = {
    loggedIn: false,
    thisUser: []
}

export function usersReducer(state = initialState, action) {
    switch (action.type) {
        case 'users/loggedIn':
            return { ...state, loggedIn: action.payload }
        case 'users/addUser':
            return { ...state, thisUser: action.payload[0] }
        case 'users/setActivated':
            return { ...state, thisUser: { ...state.thisUser, …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux redux-persist

1
推荐指数
1
解决办法
1857
查看次数