美文网首页
redux reducers

redux reducers

作者: 大诗兄_zl | 来源:发表于2017-10-13 10:32 被阅读18次

Redux是应用状态管理服务。虽然本身受到了Flux很深的影响,但是其核心概念却非常简单,就是 Map/Reduce 中的 Reduce。

三 

Redux 的设计思想很简单,就两句话。

(1)Web 应用是一个状态机,视图与状态是一一对应的。

(2)所有的状态,保存在一个对象里面。

3.1 Store

Store 就是保存数据的地方,你可以把它看成一个容器。整个应用只能有一个 Store。

Redux 提供createStore这个函数,用来生成 Store。

3.2 State

Store对象包含所有数据。如果想得到某个时点的数据,就要对 Store 生成快照。这种时点的数据集合,就叫做 State。

当前时刻的 State,可以通过store.getState()拿到。

3.3 Action

State 的变化,会导致 View 的变化。但是,用户接触不到 State,只能接触到 View。所以,State 的变化必须是 View 导致的。Action 就是 View 发出的通知,表示 State 应该要发生变化了。

Action 是一个对象。其中的type属性是必须的,表示 Action 的名称。其他属性可以自由设置,社区有一个规范可以参考。

3.6 Reducer

Store 收到 Action 以后,必须给出一个新的 State,这样 View 才会发生变化。这种 State 的计算过程就叫做 Reducer。

Reducer 是一个函数,它接受 Action 和当前 State 作为参数,返回一个新的 State。

相关文章

  • redux reducers

    Redux是应用状态管理服务。虽然本身受到了Flux很深的影响,但是其核心概念却非常简单,就是 Map/Reduc...

  • React - redux && react-redux 的使用

    Redux 以数据存储中心 Store 为核心,修改数据、初始化数据等通过 Reducers, Reducers ...

  • Redux 优化的一些思考

    Redux 的书写分离 从 Redux 官方示例开始,我们就采用了 actions 和 reducers 分开文件...

  • Redux的使用

    Redux 分为store,reducers,action,话不多说直接贴代码。首先是reducers中定义一些t...

  • react学4-react-redux

    具体看官方文档的介绍http://cn.redux.js.org/docs/basics/Reducers.htm...

  • 使用 useContext && useReducer 代替 R

    react-redux 思想 创建 actions 纯函数来描述行为和所需数据 创建 reducers 去处理一类...

  • React Native Redux Typescript使用

    上一篇博客我们用理论和代码实践介绍了 使用redux 发起action 在reducers里生成state 然后重...

  • 再看reducers

    Time: 2019-08-20 首先,整个State树是存储在单个对象中,这会带来一个问题是:模块化的程度不够。...

  • action和redux-actions库

    触发一个reducers和effects中的方法同名的action情况 如果reducers和effects中的方...

  • Hadoop Shuffle

    When there are multiple reducers, the map tasks partition...

网友评论

      本文标题:redux reducers

      本文链接:https://www.haomeiwen.com/subject/xzaayxtx.html