如何理解 redux 的单向数据流?

2017年4月11日

Redux 再加上 React-redux 这个库,合起来可以用来开发非常强大的 Web 应用。

单向数据流的流程

整个单向数据流是一个圈,从时间角度来讲,故事的起点是 UI 层先发生了一点什么,例如页面加载,例如按钮被点下。于是一个 action 就会被发出。Action 是一个对象,其中包含到底要做什么事情,以及必要的数据。数据到达 Redux 的管辖范围,reducer 会拿到 Action 和老的状态树,于是可以运算得到一个新的状态树。React-redux 这个库就会负责把新的数据送到 React 组件,让组件自动刷新,于是界面上就显示出新的数据了。