redux的使用

Redux 是 JavaScript应用的状态容器，提供可预测化的状态管理。

redux的三大核心：

　　action：用来描述将要触发的事件。

　　state：用来存储我们的数据。

　　reducer：通过触发的action事件来改变state的值。

 

用户通过界面组件触发ActionCreator，携带Store中的旧State与Action 流向Reducer，Reducer返回新的state，并更新界面。

 

安装

npm install --save redux

npm install --save react-redux

npm install --save redux-thunk

 

react-redux中提供两个方法： import { provider, connect } from 'react-redux';

redux-thunk的作用可以使dispatch支持传函数参数

 

provider是一个组件，作用是把store放到顶层容器组件上，在通过顶层容器传递到子组件上，可以让子组件获取store里的数据。

 

使用connect链接我们的组件之后就会在props中新增一个dispatch方法，用于触发action。

connect：第一个括号 提供四个参数：mapStateToProps、mapDispatchToProps、mergeProps和options，我们一般常用的是mapStateToProps、mapDispatchToProps这两个参数。 注：在我们传入第二个参数mapDispatchToProps时，组件的props将不再有dispatch方法，可在第二个参数内部派发action。

 

Redux/store.js

 

Redux/actions.js

 

Redux/reducer.js

如果有多个reducer ，可以使用combineReducers方法将其合并，并暴露出去

 

 

 

参考文档：https://zhuanlan.zhihu.com/p/62417038

参考文档：https://www.jianshu.com/p/f6c5434c6e2d