Redux名词简析

一种数据流的架构模式

  • store:一个提供全局数据和修改数据的方法的对象;

  • state:数据仓库;

  • action:修改全局数据的操作对象,包含操作名称(type)和数据;

  • reducer

  • dispatch:根据传入的action分发并执行相应的修改操作;


    image.png
  • connect:高阶函数,接收mapStateToProps方法获得所需的数据项,返回一个高阶组件,该组件会从context中取出store,然后根据mapStateToProps操作store中的state,将获取到的数据对象传入子组件中。

  • mapStateToProps:接收state参数,返回当前组件中需要用到的state中的变量,相当于告诉connect需要获取哪些变量,并且可以执行一些变量的预处理操作。

*Provider: 通过context将根节点组件绑上store;

  • 通过redux-thunk或者redux-saga处理副作用

参考资料:动手实现 Redux

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

推荐阅读更多精彩内容

  • 我们已经详细介绍了Action,Reducer,Store和它们之间的流转关系。Redux的基础知识差不多也介绍完...
    张歆琳阅读 3,805评论 1 17
  • 写在开始 本篇主要结合react-native 使用redux的过程,说明使用redux的方法和原理,揭秘Redu...
    素月某某阅读 1,587评论 0 5
  • Redux 教程 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 (如果你需要一个 Wo...
    IT老马阅读 3,407评论 1 23
  • 前言 React认为每个组件都是一个有限状态机,状态与UI是一一对应的。我们只需管理好APP的state就能控制U...
    远方的枫叶阅读 19,488评论 2 50
  • 今天和几位朋友聚餐,谈到了距离问题。 “人总是对最亲密的人最残忍”,恐怕就是因为当我们距离太近了,对方身上的缺点就...
    成乐阅读 250评论 0 3