Mobx-react

Mobx 是一种状态管理方案。不同于 redux 将状态定义为不可变状态,mobx 会自动收集依赖,以可变状态的方式直接修改原始状态,这点与 Vue 的状态管理很像。

在 es6 环境下,可以直接使用装饰器定义状态及方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { observable } from "mobx";

class CounterStore {
@observable count = 0;

@action
increase() {
this.count++;
}

@action
decrease() {
this.count--;
}
}

export default new CounterStore();
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×