-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
从安
2019-06-21
来源 ：
阅读 1060
评论 0
摘要：本篇文章主要讲述JavaScript之轻松掌握redux.js的基本使用，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。
本篇文章主要讲述JavaScript之轻松掌握redux.js的基本使用，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。
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的操作顺序，
本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
