标题:
Redux 简介(3)
[打印本页]
作者:
look_w
时间:
2018-11-18 19:33
标题:
Redux 简介(3)
数据流使用 Redux store.dispatch() 函数分派操作时，Redux 将该操作和当前状态一起传递给应用程序的缩减程序。缩减程序创建一个新状态并返回给 Redux。图 2 描绘了该数据流。
图 2. Redux 数据流
在图 2 中，操作首先调用示意图右下角的 Redux.dispatch()。Redux 分派器将操作分配给应用程序的缩减程序，并将当前状态和操作传递给缩减程序。缩减程序创建新状态并返回给 Redux。最后，Redux 向所有视图组件告知状态已更改，这将导致应用程序被重绘。Redux 通过特定于框架的绑定向视图组件（比如 React 或 Angular 组件）告知状态更改。
Redux API整个 Redux API 很简单，仅包含 5 个顶级函数（您已经知道其中一个函数 Redux.createStore()）：
Object createStore(
reducer
,
initialState
) - 创建 Redux 存储。
Object combineReducers(
reducers
) - 将多个缩减程序组合为一个。
Object compose(
...functions
) - 从左向右构造函数。
void applyMiddleware(
...middlewares
) - 应用 Redux 中间件。
Object bindActionCreators(
actionCreators
, dispatch) - 将多个操作创建器绑定到分派函数。
回想一下，Redux 维护着单一缩减程序的引用，该缩减程序负责计算应用程序的整体状态。但在复杂应用程序中维护单个缩减程序函数可能不太实用，尤其是在开发团队协同工作时。顾名思义，combineReducers() 函数将多个缩减程序函数组合为一个。然后，您可以控制缩减程序函数的精细水平，各个开发人员可以独立处理这些函数。
借助 Redux applyMiddleware() 函数，可以通过拦截分派调用的中间件来扩展 Redux。这个方便的工具使实现各种各样的横切关注点成为可能，从日志记录到异步操作。
在下一期中将会看到，Redux 支持
操作创建器
— 创建操作的函数。bindActionCreators() 函数将操作创建器绑定到 Redux dispatch() 函数，使构造操作创建器变得很容易。
您已经看到，createStore() 函数根据应用程序的缩减程序来创建 Redux 存储。请注意，也可以向 createStore() 函数传递初始应用程序状态。拥有存储的引用后，可以调用对象的方法：
Object getState() 返回应用程序的当前状态。
void dispatch(
Object
action
) 分派一个操作，触发一次状态更改。
replaceReducer(nextReducer) 替换状态树的缩减程序。
subscribe(
Function
callback
) 导致 Redux 调用每次分派的回调方法。
Redux API 就是如此简单。
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)
Powered by Discuz! 7.0.0
