redux.js的基本使用
2024-10-08 03:47:49
1、先是安装reduxJx, cnpm i --save rudux
2、创建一个store的js文件
3、使用import来引用 redux import { createStore } from 'redux'
4、然后在store 创建一个全局管理数据对象 const preloadState = {
cartList: []
}
5、处理全局数据的方法
const reducer = function(state, action){
// 参数state:上一次的state状态
// 参数action:事件描述对象
console.log(action.type);
处理数据方法
if (item.a === 0 ){
...代码
} //返回下一次全局使用的state状态
return state;
}
//创建仓库
const store = createStore(reducer, preloadState);
export default store
6、dispatch的使用
在store以外 store.dispatch()调用 参数1:设置store里面的action相对的type值,参数2:传递的数据
如下: store.dispatch({
type: 'add',
value: {
id: 2
}
})
然后在store里面的action里面可以获取到 type和传入的value值,也可以在全局管理数据中的state改变全局的数据
7、在组件(页面)中也可以通过store. getState()来获取你存储的相对应的值,
8、store.subscribe()的操作是基本用来监听 store里面的一些数据变化进行操作的,需要主要的是dispatch的操作顺序,
还有一些步骤操作没有具体说,
最新文章
- andriod 动态设置TextView 和 RelativeLayou 高度
- 谈谈 Google 的 Test Certified
- How to get blob data using javascript XmlHttpRequest by sync
- mycat服务启动{管理模块启动过程}
- ORA-30036
- W5300E01-ARM 交叉编译器(Cross Compiler)用户手册
- ";UBUNTU: SAUCE: apparmor: 3.0 backport of apparmor3";
- 离线安装gcc(CentOS7)
- openURL in APP Extension
- 东正王增涛浅析OA信息化整合平台系统在企业中的应用价值
- javascript初识
- 注册表命令 regedit32
- HTML学习笔记:1.基础概念
- Win10系统修改主机名、用户名称和密码、以及C盘中的用户文件夹名
- [转] tomcat 7/8 启动非常慢的解决方法
- python中sys.path--学习
- 东哥讲义2 - 基于TCP,UDP协议的攻击,分析与防护
- 横竖两个数字塔的效果BAT批处理怎么写?
- tomcat源码阅读之Catalina和Bootstrap解析
- Swift_100个Swift必备Tips 王巍 PDF