在React中使用redux

一、首先安装两个插件

1.Redux Toolkit

2.react-redux

第一步:创建模块counterStore

第二步:在store的入口文件进行子模块的导入组合

第三步:在index.js中进行store的全局注入

第四步:在组件中进行使用

第五步:在组件中对store中数据进行修改

第六步:直接对store中数值进行赋值(传递的参数直接到了payload中)

第七步:总结

相关推荐
老前端的功夫几秒前
前端Echarts性能优化:从卡顿到流畅的百万级数据可视化
前端·javascript
进击的野人3 分钟前
深入解析localStorage:前端数据持久化的核心技术
前端·javascript
懵圈7 分钟前
第2章:项目启动 - 使用Vite脚手架初始化项目与工程化配置
前端
Mh8 分钟前
如何优雅的消除“if...else...”
前端·javascript
火鸟219 分钟前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言
逍遥江湖40 分钟前
Vue3 + TypeScript 项目框架搭建指南
前端
lapiii35843 分钟前
[前端-React] Hook
前端·javascript·react.js
小飞大王66643 分钟前
JavaScript基础知识总结(六)模块化规范
开发语言·javascript·ecmascript
白龙马云行技术团队1 小时前
前端自适应动态架构图演进
前端
一枚前端小能手1 小时前
🎬 使用 Web 动画 API - 关键帧与交互控制实战指南
前端·javascript·api