React全家桶--Redux

1.Redux 是什么？

• Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
• 大多数情况，你可以不用它，只用 React 就够了。
• "只有遇到 React 实在解决不了的问题，你才需要 Redux 。"
  • 用户使用方式复杂
  • 不同的用户有不同的使用方式
  • 多个用户之间可以协调操作
  • 与服务器大量交互，或者使用了WebSocket
  • View需要从多个来源获得数据

2.相关资料

• 官网地址：redux.js.org/
• 中文网址：www.redux.org.cn/
• 安装：(sudo) npm install redux react-redux

3.Store Action Reducer State

• 应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。
• 惟一 改变 state 的办法是触发 action，一个描述发生什么的对象。
• 为了描述 action 如何改变 state 树，你需要编写 reducers。

  

3.store 保存数据的地方

4.Action本质上是JavaScript普通对象 用type表示要执行的动作

5.Reducer

reducer 就是一个纯函数，接收旧的 state 和 action，返回新的 state

6.获取State

• store 里能直接通过 store.dispatch() 调用 dispatch() 方法 调用action，
• 但是多数情况下你会使用 react-redux提供的 connect() 帮助器来调用。
• mapStateToProps 将state转化成props属性

• mapStateToProps 将state转化成props属性