redux在react-native中的运用
来源:互联网 发布:基因大数据公司 编辑:程序博客网 时间:2024/06/05 04:58
利用下班回家后的时间、周末的时间学习。因为比较喜欢记笔记,所以整理完自己的笔记,也就懒得写博客,今天有时间,一下子写三篇哈哈哈。。。
看下我自己写的笔记,字有点丑:
写一个redux运用的例子:
效果图
一、先安装内容:
1、安装插件
2、首先先写好框架
(1)第一步,后面会进行更改
(2)ReduxDemo的代码(完整的出始化代码)
3、接下来封装redux
1)provider.js
2)在reduxDemo.js文件中
先导入应该导入的文件
创建connect,并导出模块
3)在index.io.js中,导入provider.js的export出来的内容
4)在reduxDemo中的点按方法中,根据type不一样,执行不同的action
5)编写action.js文件
Action.js
6)创建reducer.js文件
7)在reduxDemo文件中,接收props
会重新走render方法
在底部数据的发生变化。重新构造数据
完成!!!
Redux的三原则
1. Single source of truth单一数据源,数据流向也是单一方向。整个应用的state,存储在唯一一个javascript对象中,同时也只有一个store用于存储这个对象.
2. State is read-only状态是只读的。唯一能改变state的方法,就是触发action操作。action是用来描述正在发生的事件的一个对象。
3. Changes are made with pure functions在改变statetree时,用到action,同时也需要编写对应的reducers才能完成state改变操作。
Store 有以下职责:- 维持应用的 state;
- 提供 getState() 方法获取 state;
- 提供 dispatch(action) 方法更新 state;
- 接收新的state,并替换当前的state;
- state变化时,store触发事件;
- 通过 subscribe(listener) 注册监听器的组件从store提取新的state并更新组件。
Middleware
在redux里,middleware是发送action和action到达reducer之间的第三方扩展,也就是中间层。也可以这样说,middleware是架在action和store之间的一座桥梁。如果不使用middleware的话,Redux的store只支持同步数据流。也就是每当我们dispatchaction时,state会被立即更新。同步只返回一个普通action对象。而异步操作中途会返回一个promise函数。当然在promise函数处理完毕后也会返回一个普通action对象。thunk中间件就是判断如果返回的是函数,则不传导给reducer,直到检测到是普通action对象,才交由reducer处理。
1 0
- redux在react-native中的运用
- redux在react-native中的使用
- redux 在 React-Native 工作中的使用
- React-Native 开发(二) 在react-native 中 运用 redux
- react-app-redux项目中的运用
- 在react-native中使用redux
- 在react-native中使用redux
- 在React-Native中使用redux
- 在react-native中使用redux
- Redux中间件在React和React-Native项目架构中的应用实践
- redux在react-native上使用(一)--加入redux
- redux在react-native上使用(二)--加入redux-saga
- redux在react-native上使用(三)--加入redux-thunk
- redux在react-native上使用(五)--redux-actions使用
- react native redux
- react native redux counter
- react-native redux debug
- React Native集成Redux
- js中合并两个数组的方法
- Qt之QStringList运用
- idea15 springmvc mybatis maven 的安装,配置
- 客户端利用CXF中的JaxWsProxyFactoryBean 对webservice地址进行调用
- QListWidget
- redux在react-native中的运用
- Delphi中ClientDataSet的用法
- 博客初记
- windows编程第一课
- WIN32API函数CreateProcess创建一个新的进程和它的主线程,新进程运行指定的可执行文件
- 微信小程序开程之路(八)自行部署wafer的一点心得(转载)
- 移动端压缩图片。上传获取图片并压缩。lrz.all.bundle.js插件。 accept="image/*"加载慢的问题
- springmvc 属性放数据库中解决方法 以及 @Controller 中 使用@vlaue无法注入属性值问题详解
- mybatis sql语句的使用