小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
简介
- react 是 view 层的一个框架，负责展示数据；redux 控制数据流动，把数据存在唯一的 store 里，通过 action 来触发事件，reducer 来根据事件处理数据。
- redux 在通过 reducer 变更完 store tree 后就止步了，它并不能将每次变更之后的 state 及时显示到页面上，所以，为了让组件能够接收到 store，每次 state 更新后及时显示到页面上，我们需要有本文介绍的 react-redux。
- react-redux 由两部分构成：Provider 和 connect，Provider 负责将 store 传递给内部所有组件，connect 负责注册监听器，在每一次状态变更之后把新的状态和 action 等作为属性挂到容器组件的 this.props 下。
本文不是最新的支持 hooks 版本的原理解析，hooks 版本等待后面更新～
系列文章
react-redux 学习笔记（一）Provider
react-redux 学习笔记（二）connect 用法
react-redux 学习笔记（三）connect API 原理分析
Provider
作用：将 store 通过 context 的方式传递给所有子组件。
export default class Provider extends Component {
getChildContext() {
return { store: this.store }
}
constructor(props, context) {
super(props, context)
this.store = props.store
}
render() {
return Children.only(this.props.children)
}
}
Provider 包裹在组件的最外层，接收一个 store tree，首先在 constructor 里把接收到的属性存到 this.store 里，在 getChildContext 里把 store return 出来，这样包在它里面的组件都可以通过 context 取到 store，将 store 传给了所有的子组件。render 中 Children.only 表示只 render 其中第一个子组件，并且要求组件的第一级子组件只有一个。
以上时本文的全部内容，欢迎点赞和评论～
