当前位置: 首页 > news >正文

使用redux开发的简单步骤

一、安装redux包

npm install redux --save

  

二、根据APP数据结构或者后台请求的数据结构拟定state的大致结构。

  可以把state写成一个对象字面量,放在reducer文件中,注释掉即可,当你觉得模糊混乱的时候就可以看一看这个state对象,然后就可以清楚state的具体构成了。

 

三、创建文件

  reducer.js、 store.js

  这两个文件,一个是用来写reducer的,另一个是用于生成store的。

  在需要的时候,可以从这两个js模块引入,方便开发。

  

 

 

四、在reducer.js文件中写reducer函数。

  可以使用combineReducers方法简化reducer函数,具体使用方法见之前的博客。

 

五、写store.js文件

  引入需要使用的Middleware中间件,然后通过createStore方法生成store,最后作为模块引出。

 

六、在具体的组件文件中,如果要使用store,就从store.js引入。

  store主要使用一下三个方法:

  

store.dispatch()
//用于dispatch action,传递action给reducer方法,处理修改state。
store.subscribe()
//用于给store注册监听(订阅)函数,被注册的函数在state发生改变时会被自动调用
store.getState()
//用于获取state,比如在组件中要使用state中的数据时就可以调用这个方法获取state。

  

转载于:https://www.cnblogs.com/DM428/p/8126245.html

相关文章:

  • Oracle索引聚簇因子的含义及重要性
  • 处理Matlab 警告: MATLAB 已通过改用 OpenGL 软件禁用了某些 高级的图形渲染
  • Centos iptables常用命令及设置
  • kafka-java客户端连接
  • mysql学习笔记(四)--- 聚合函数、控制流程函数
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • 让mysql查询强制走索引
  • Unity几个有用的游戏运动特效
  • 终端搜索工具
  • ubuntu 15.04
  • STM32 IAP docs
  • Dockerfile构建LNMP分离环境部署wordpress
  • 无人便利店代理的系统用于其他行业是否可以
  • bat遍历目录
  • JGit
  • Apache Pulsar 2.1 重磅发布
  • echarts花样作死的坑
  • iOS 颜色设置看我就够了
  • java 多线程基础, 我觉得还是有必要看看的
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • leetcode388. Longest Absolute File Path
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Swift 中的尾递归和蹦床
  • vuex 笔记整理
  • 爱情 北京女病人
  • 基于 Babel 的 npm 包最小化设置
  • 京东美团研发面经
  • 批量截取pdf文件
  • 我与Jetbrains的这些年
  • 我这样减少了26.5M Java内存!
  • Android开发者必备:推荐一款助力开发的开源APP
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • ​configparser --- 配置文件解析器​
  • ​七周四次课(5月9日)iptables filter表案例、iptables nat表应用
  • #pragma once
  • (javascript)再说document.body.scrollTop的使用问题
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (函数)颠倒字符串顺序(C语言)
  • (免费领源码)python#django#mysql校园校园宿舍管理系统84831-计算机毕业设计项目选题推荐
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (转)linux 命令大全
  • (转)Oracle 9i 数据库设计指引全集(1)
  • (转)原始图像数据和PDF中的图像数据
  • **PHP二维数组遍历时同时赋值
  • .NET委托:一个关于C#的睡前故事
  • [2018-01-08] Python强化周的第一天
  • [ajaxupload] - 上传文件同时附件参数值
  • [Angular 基础] - 自定义指令,深入学习 directive
  • [Apio2012]dispatching 左偏树
  • [bzoj1912]异象石(set)
  • [C#][DevPress]事件委托的使用
  • [ERROR ImagePull]: failed to pull image k8s.gcr.io/kube-controller-manager失败
  • [java基础揉碎]方法的重写/覆盖
  • [Latex] \bibitem{} | .bbl 格式参考文献转换与获得