Mobx höre auf einen Wert ändert sich mit berechnet funktioniert

Question

Ich versuche, einen Wert zu hören ändert sich mit mobx berechneten Ausdruck, aber ich sehe keine Änderungen, wenn ich einen neuen Wert auf den beobachteten Ausdruck drücken.

class List { 
    @observable values = []; 

    constructor() { 
    computed(() => this.values).observe(changes => { 
     console.log(changes); 
    }) 
    } 


    add(item) { 
    this.values.push(Math.random()); 
    } 

} 

const list = new List(); 
list.add(); 

Warum funktioniert es nicht?

Answer 1

Beachten Sie, dass computed nur Daten verfolgen wird es tatsächlich zugreift. Die einzigen Daten, auf die in Ihrem Computer zugegriffen wird, sind changes, ein Zeiger auf ein Array. Wenn Sie diesem Array einen neuen Wert hinzufügen, wird der Zeiger nicht geändert.

Denken Sie daran: Berechnungen produzieren Werte, Reaktionen & Autoruns produzieren Nebenwirkungen.

Ihr Computer erzeugt nie einen neuen Wert und löst daher niemals den Wert observer aus.

Answer 2

computed wird verwendet, wenn Sie einen neuen Wert von anderen Observablen ableiten möchten. Sie könnten observe statt:

Beispiel (JSBin)

class List { 
    @observable values = []; 

    constructor() { 
    observe(this.values, (change) => { 
     if (change.added) { 
     console.log(`${change.added} got added to values`); 
     } 
    }); 
    } 

    add(item) { 
    this.values.push(Math.random()); 
    } 
} 

const list = new List(); 

setInterval(() => { 
    list.add(); 
}, 1000);