Redux的理解

概念

redux是一个专门用于做状态管理的JS库(不是react插件库)。

它可以用在react, angular, vue等项目中, 但基本与react配合使用

作用：集中管理应用程序的状态，实现多组件通信

使用场景

• 某个组件的状态，需要让其他组件可以随时拿到（共享）。
• 一个组件需要改变另一个组件的状态（通信）。
• 总体原则：能不用就不用, 如果不用比较吃力才考虑使用（组件较多或组件之间嵌套复杂时）。

三大核心

1、action：是动作的对象，包含2个属性 

      type：标识属性, 值为字符串, 唯一, 必要属性
      data：数据属性, 值类型任意, 可选属性
      例子：{ type: 'ADD_STUDENT',data:{name: 'tom',age:18} }
2、reducer：用于初始化状态、加工状态。 

      加工时，根据旧的state和action， 产生新的state的纯函数。
3、store：将state、action、reducer联系在一起的对象，它内部维护着：state、reducer

得到此对象的方法：

import {createStore} from 'redux'
import reducer from './reducers'
const store = createStore(reducer)

此对象的功能：

1. getState(): 得到state
2. dispatch(action): 分发action, 触发reducer调用, 产生新的state
3. subscribe(listener): 注册监听，订阅，当产生了新的state时, 自动调用

三大原则

1.整个应用有且仅有一个 store, 其内部的 state tree 存储整个应用的 state
2.state 是只读的，修改 state,只能通过派发 action，为了描述 action 如何改变 state 的，需要编写 reducer 纯函数
3.单一数据源的设计让 React 组件之间通信更加方便，也有利于状态的统一管理