通俗易懂的理解 Redux(知乎)

1. mapDispatchToProps），再接受一个参数（将要绑定的组件本身）：
mapStateToProps：构建好Redux系统的时候，它会被自动初始化，但是你的React组件并不知道它的存在，因此你需要分拣出你需要的Redux状态，所以你需要绑定一个函数，它的参数是state，简单返回你关心的几个值。
mapDispatchToProps：声明好的action作为回调，也可以被注入到组件里，就是通过这个函数，它的参数是dispatch，通过redux的辅助方法bindActionCreator绑定所有action以及参数的dispatch，就可以作为属性在组件里面作为函数简单使用了，不需要手动dispatch。这个mapDispatchToProps是可选的，如果不传这个参数redux会简单把dispatch作为属性注入给组件，可以手动当做store.dispatch使用。这也是为什么要科里化的原因。

做好以上流程Redux和React就可以工作了。简单地说就是：
1.顶层分发状态，让React组件被动地渲染。
2.监听事件，事件有权利回到所有状态顶层影响状态。

 

 

附送一些 Redux 的基础概念：

1. Redux 的核心是一个 store。
2. store 是一个 JavaScript 对象，通过 Redux 提供的 createStore(reducers) 方法创建。
3. store 有两个核心方法： .getState() 和 .dispatch()。
4. .getState() 返回一个 JavaScript 对象，代表 store 当前的状态。
5. .dispatch() 接受一个 action 作为参数，将这个 action 分发给所有订阅了更新的 reducer。
6. action 是一个 JavaScript 对象，通常包含了 type、payload 等字段，用于描述发生的事件及相关信息（使用 Redux 中间件可以让你 dispatch 其它类型的 action，此处不展开）。
7. reducer 是一个 JavaScript 函数，函数签名为 (previousState, action) => newState，即接受 previousState 和 action 两个参数，根据 action 中携带的信息对 previousState 做出相应的处理，并返回一个新的 state。