如何手写react-redux中的connect函数

在react学习中，redux是比较难理解的一个点，今天我们就深入了解一下如何用redux来实现react-redux中connect函数从而便于理解和使用react-redux。

1.什么是redux

官方解释：redux 是 js 应用的可预测状态的容器。 可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。

2.为什么使用redux

当没有使用redux时兄弟组件间传值将很麻烦，代码很复杂冗余。使用redux定义全局单一的数据Store，可以自定义Store里面存放哪些数据，整个数据结构也是自己清楚的。

3.redux结构图

action：事件，它本质上是JavaScript的普通对象，它描述的是“发生了什么”。action由type：string和其他构成。

reducer：一个监听器，只有它可以改变状态。是一个纯函数，它不能修改state,所以必须是生成一个新的state。在default情况下，必须返回旧的state。

store：一个类似数据库的存储（或者可以叫做状态树），需要设计自己的数据结构来在状态树中存储自己的数据。

4.如何用redux实现react-redux中的connect函数

首先看一下目录结构：