react-redux和@reduxjs/toolkit应用案例

1首先安装

npm install @reduxjs/toolkit  react-dedux

或者 pnpm install @reduxjs/toolkit  react-dedux

2 新建文件夹，写模块内容

3tab.js

import { createSlice } from "@reduxjs/toolkit";
const tabSlice = createSlice({
  name: "tab",
  initialState: {
    isCollspse: false,
  },
  reducers: {
    collspseFun: (state) => {
      state.isCollspse = !state.isCollspse;
    },
  },
});

export const { collspseFun } = tabSlice.actions;
export default tabSlice.reducer;

4 index.js 引入

import { configureStore } from "@red