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