redux基础


初始化

1、通过reducer创建store,store=create(reducer,initValues)
将store导入view中

2、通过store.subscribe(listener)将代表listener注册在store上

3、定义好action以及actionType


如何工作

1、在view中,
通过store的dispatch(action)方法,
将action传给reducer进行逻辑处理,
并返回一个新的state然后替换掉原store中的state,
(不可直接对原store中的state进行修改——保持状态只读,数据改变只能通过纯函数完成)

2、store中state的改变,会触发开始已经用subscribe(listener)注册在store上的listener,
接着在listener中调用this.setState()方法对view中的state进行更新。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Redux的三大原则 Redux 可以用这三个基本原则来描述: 单一数据源 整个应用的 state被储存在一棵 o...
    Dabao123阅读 3,887评论 0 2
  • Actions Actions是用于存放数据的载体,通过store.dispatch()函数来将数据从app发送到...
    放风筝的小小马阅读 4,223评论 0 1
  • 技术栈: react + redux + webpack + react-router + ES6/7/8 + i...
    黄昏少年阅读 8,173评论 0 19
  • 学习必备要点: 首先弄明白,Redux在使用React开发应用时,起到什么作用——状态集中管理 弄清楚Redux是...
    贺贺v5阅读 12,888评论 10 58
  • 文档:http://cn.redux.js.org/index.html 三大原则 单一数据源 :整个应用的sta...
    boliangzhao阅读 4,444评论 0 1