React-Redux

67 阅读1分钟

/**
 几个核心概念:
 * store:整个应用状态存储的地方,可以看作为一个容器。
 * createStore:创建一个store  传入的参数为reducer
 * dispatch:唯一合法修改state数据的方法
 * getState:获取state数据的方法
 * subscribe:订阅state的改变
 */

/**
 React-Redux流程
 * 1. Provider将整个Store仓库进行包含,组件内通过mapStateToProps 将state状态转化为props属性
 * 2. dispatch派发动作,需要通过mapDispatchToProps 将派发方法转称props属性对象(同步操作)
 * 3. 建立真正的关联,通过 connect 将 mapStateToProps 与 mapDispatchToProps 这两者的属性对象连接到当前的可视化组件中
 * 4. 渲染组件,动作派发都集中到组件中
 */
 
 /**
  React-Redux处理异步
  * 1. thunk
  */
 
 /**
 Redux使用的注意点:
 1. 项目中经常性的不止一个reducer,这个时候就需要combineReducer将所有reducer集合到一起后,传入createStorezhong 
 2.dispach接收的参数格式为{type,payload},作为一个纯函数
 */