redux-tookit的详细配置流程(新人第一条博客)

Redux Toolkit 是一个官方推荐的状态管理工具,用于简化 Redux 应用程序的开发。它提供了一种更简洁、更强大的方式来管理 Redux 状态,并且集成了一些常用的工具,如 immer、reselect 等,使得开发者可以更快速地构建和维护 Redux 应用程序

下面是一个简单的 Redux Toolkit 配置流程:

1. 安装Redux-toolkit:

npm i react-redux @reduxjs/toolkit  |  yarn add react-redux @reduxjs/toolkit

2. 在src文件夹下创建一个store文件夹,并创建Slice文件:

3. 然后创建index文件:

4. 最后在index入口文件全局配置redux:

在组件中使用:

通过 useSelector 和 useDispatch hooks 来使用和修改 Redux store 中的状态

至此 , redux-toolkit配置完成 , 有不懂的小伙伴可以私信我。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值