mobx使用inject

mobx中的注解 步骤整理

• 我们先复习下mobx怎么实现状态管理的。
  1. 首先要有状态属性吧，因此第一步要对状态属性进行标记，通过Observable进行实现这一步，observable有很多实现的方式，可以通过observable函数进行包装，但是装饰器的话就是比较方便的，我们一般采用装饰器进行属性状态标记
  2. 我们有了状态属性，自然要有行为操作能去改变这个状态值，@action可以达成这一要求。
  3. 对observer修饰的React组件进行控制，对其中引入的状态进行监管。
• inject注解
  1. 通过Provider组件进行全局注册，引入状态仓库。
  2. 通过使用@inject('步骤1中组件的引入仓库的所对应的属性名')在需要状态的组件上使用，就注入了仓库。
  3. 快乐的使用this.props.属性名 来拿到我们要的数据吧
  4. 案例

  //第一步
  <Provider appState={store}>
  </Provider>
  
  //第二步
  @inject('appState')
  
  //第三步
  this.props.appState;
  

  5. 当然我们也可以直接使用import将仓库导入。