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

前端小云儿

于 2024-10-22 14:27:35 发布

阅读量529

点赞数 15

分类专栏： React技能大全文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/143157211

版权

React技能大全专栏收录该内容

18 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

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;