当前位置: 首页 > 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
  • Google 是如何开发 Web 框架的
  • IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
  • (三)从jvm层面了解线程的启动和停止
  • 【翻译】babel对TC39装饰器草案的实现
  • go append函数以及写入
  • JS数组方法汇总
  • Laravel深入学习6 - 应用体系结构:解耦事件处理器
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Sass Day-01
  • 基于Volley网络库实现加载多种网络图片(包括GIF动态图片、圆形图片、普通图片)...
  • 前端每日实战 2018 年 7 月份项目汇总(共 29 个项目)
  • 深入浅出webpack学习(1)--核心概念
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 通信类
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • 数据可视化之下发图实践
  • !!Dom4j 学习笔记
  • #QT(串口助手-界面)
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (1)常见O(n^2)排序算法解析
  • (2020)Java后端开发----(面试题和笔试题)
  • (C++20) consteval立即函数
  • (C语言)fgets与fputs函数详解
  • (c语言版)滑动窗口 给定一个字符串,只包含字母和数字,按要求找出字符串中的最长(连续)子串的长度
  • ***通过什么方式***网吧
  • ./configure、make、make install 命令
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .CSS-hover 的解释
  • .java 指数平滑_转载:二次指数平滑法求预测值的Java代码
  • .Net 8.0 新的变化
  • .NET Core引入性能分析引导优化
  • .NET MVC 验证码
  • .net 托管代码与非托管代码
  • .NET(C#) Internals: as a developer, .net framework in my eyes
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .Net高阶异常处理第二篇~~ dump进阶之MiniDumpWriter
  • .NET业务框架的构建
  • [@Controller]4 详解@ModelAttribute