在React中使用redux

一、首先安装两个插件

1.Redux Toolkit

2.react-redux

第一步:创建模块counterStore

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

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

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

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

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

第七步:总结

相关推荐
Highcharts.js20 小时前
用 Highcharts如何创建一个音频图表
javascript·信息可视化·音视频·highcharts·音频图表
全栈小520 小时前
【前端】win11操作系统安装完最新版本的NodeJs运行npm install报错,提示在此系统上禁止运行脚本
前端·npm·node.js
晚霞的不甘20 小时前
Flutter for OpenHarmony3D DNA 螺旋可视化:用 Canvas 构建沉浸式分子模型
前端·数据库·经验分享·flutter·3d·前端框架
摘星编程21 小时前
React Native + OpenHarmony:Stepper步进器组件
javascript·react native·react.js
●VON21 小时前
React Native for OpenHarmony:简易计算器应用的开发与跨平台适配实践
javascript·react native·react.js
摘星编程1 天前
OpenHarmony + RN:Placeholder文本占位
javascript·react native·react.js
a1117761 天前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得01 天前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
摘星编程1 天前
React Native鸿蒙:Loading加载动画效果
react native·react.js·harmonyos
行走的陀螺仪1 天前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app