200301&mobx的传值取值

mobx的传值取值

1. mobx的理解

就是一个跟redux一样的状态管理器，替代全局变量，并且管理组件间状态的一个解决方案，一个简单可扩展的状态管理库。

2. 存值(传值取值前的准备)

• 首先定义一个observal的变量

@observable status = 0;

3. 传值/设置值

• 3.1 直接变更observal变量的值。

this.countStore.status = 1;

• 3.2 通过 @action 取值

@action setStatus(newStatus) {
	this.status = newStatus;
}

4. 取值

• 直接取observal变量的值

const countStatus = this.countStore.status;

5. mobx的常用API

• @observable - 创建一个随时追踪值变更的变量

import { observable } from 'mobx'
class ChatStore extends Component {
    @observable status = 0;//聊天状态
}

<