Mobx Note

[gismanli]

The first

var detailInfo = observable({});
var res = {
    code: 200,
    data: {
        employee: 'GisMan'
    },
    message: "SUCCESS"
}
detailInfo = res;
console.log(detailInfo);

the result is:

then:

constructor(props) {
    super(props);
    extendObservable(this, {detailInfo: {}});
    this.detailInfo = {
        code: 200,
        data: {
            employee: 'GisMan'
        },
        message: "SUCCESS"
    };
    console.log(this.detailInfo);
}

or ues dereactor '@observable' in ES.Next

but the detailInfo is:

These two are very easy to cause confusion.

In fact, itself is not observable，only properties will be observable

more deatil

[gismanli]

autorun fails to ececute when modifying an observable with extendObservable

detail

[gismanli]

autorun is dynamic computed

see the snippe code

const {observable, autorun, toJS} = mobx;

var a = observable(0);
var b = observable(1);
var c = observable(2);

autorun(() => {
    if (a.get() === 0) {
        console.log('b', toJS(b));
    }
    else {
        console.log('c', toJS(c));
    }
});

b.set(11);
c.set(22);
a.set(1);
b.set(1);