MobX поведение автозапуска

Question

Я изучаю MobX и пошел заинтригована проблемой:

Если у меня есть этот наблюдаемый:

class ItemsStore { 
    @observable items = [1,2,3]; 
} 
const store = new ItemsStore; 

, а затем изменить его следующим образом:

setInterval(() => { 
    store.items[0] = +new Date 
}, 1000) 

I отметили следующее:

• autorun(() => console.log(store.items));never fires...
• autorun(() => console.log(store.items[0]));fires every 1s and gives a new value
• autorun(() => console.log(store.items.length));fires every 1s although value is unchanged

Что такое API логика за этим? Я бы ожидал, что с store.items никогда не срабатывает, что неизменные свойства будут вести себя одинаково.

И как MobX знает, какой код находится внутри моего обратного вызова? он анализирует мой обратный вызов, я перехожу на autorun?

Answer 1

console.log (store.items)

авторан вызываются при наблюдаемых, которые были разыменованные в последнем автозапуске изменяется. store.items не разыгрывает никаких наблюдаемых. Попробуйте store.items.slice() или store.items.toJS(), чтобы получить желаемый эффект.

console.log (store.items [0])

Это уволена из-за наблюдаемым, который получил разыменовываются изменяется.

console.log (store.items.length)

Это выполняется, так как массив MobX не реальный массив. Свойство length является defined as follows:

Object.defineProperty(ObservableArray.prototype, "length", { 
    enumerable: false, 
    configurable: true, 
    get: function(): number { 
     return this.$mobx.getArrayLength(); 
    }, 
    set: function(newLength: number) { 
     this.$mobx.setArrayLength(newLength); 
    } 
}); 

getArrayLengthreports that the MobX array has been observed:

getArrayLength(): number { 
    this.atom.reportObserved(); 
    return this.values.length; 
}