笔记

数据流是什么?为什么要用数据流

  • 数据流是我们的行为与响应的抽象
  • 使用数据流帮助我们明确了解行为对应的响应【帮助我们更好的处理交互,让状态变得可预测】

React与数据流的关系

  • React是纯V层框架,需要数据流进行支撑

主流数据流框架/我们为什么使用Redux

  • Flux / reFlux / Redux
  • Flux--大 重
  • Redux --简单/单一状态树 小

单项数据流

  • MVC
    • 数据--Model
    • View--显示
    • Controller--管理

简单介绍

  • action
    • 是行为的抽象
    • 是普通JS对象
    • 一般由方法生成
    • 必须有一个type
  • reducer
    • 是响应的抽象
    • 是纯方法
    • 传入旧状态和action
    • 返回新状态
  • store
    • action作用于store
    • reducer根据store响应
    • store是唯一的
    • store包括了完整的state
    • state完全可预测
  • 组件
    | | container | component |
    | 目的 | 如何工作(数据获取,状态更新)| 如何显示(样式,布局) |
    | 是否在Redux数据流中 | 是 | 否 |
    | 读取数据 | 从Redux获取state | 从props获取数据 |
    | 修改数据 | 向Redux派发actions | 从props调用回调函数 |
    | 实现方式 | 由react-redux生成 | 手写 |
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容