Redux

redux

• 是什么？
  • 是一个独立专门用于做状态管理的JS库(不是react插件)
• 作用？
  • 集中式管理react应用中多个组件共享的状态
• 使用场景
  • 总体原则：能不用就不用，
  • 某个组件的状态 需要共享
  • 某个状态需要在任何地方都可以获取
  • 一个组件需要改变另一个组件的状态
• 工作流程

store对象

• 作用：
  • 用来集中性的存储所有redux管理的状态数据
  • redux库最核心的管理对象，内部维护state、reducer
• 核心方法：
  • store.getState()
  • store.dispatch(action) store.dispatch({type:'INCREMENT', number})
  • store.subscribe(listener) store.subscribe(render)
• 生成方式

  import { createStore } from 'redux';
  //引入reducer函数
  import reducers from './reducers';
  /*
  创建store对象: createStore(reducers)   
      参数是reducers函数，这样store对象就和reducers函数绑定在了一起
      所以reducers函数调用时才有previousState，并且调用完返回的newState会交给store管理
      暴露出store对象，这样外部引入之后就能使用
   */
  const store = createStore(reducers);
  //暴露出去store
  export default store;