如何在redux工具箱中更改reducer以创建切片

Question

import { combineReducers } from "redux";
const initialState = {
sidebarShow: true,
}
const changeState = (state = initialState, { type, ...rest }) => {
switch (type) {
case 'set':
return { ...state, ...rest }
default:
return state
}
}
export const rootReducer = combineReducers({
nav: changeState
})

1.如何在redux工具包中将此代码更改为createslice格式

Answer 1

您需要遵循Redux Toolkit

import { createSlice } from '@reduxjs/toolkit'

const initialState = {
sidebarShow: true,
}

export const counterSlice = createSlice({
name: 'changeState',
initialState,
reducers: {
set: (state, action) => {
state = {...state , action.payload}
},
},
})
export const { set } = counterSlice.actions

export default counterSlice.reducer