Mobx beobachtbare Objekt Updates reagieren

Question

ich ein mobx beobachtbaren Objekt haben:

@observable friend = {name: 'bert'}

Und ich habe eine mobx Aktion, die das Objekt aktualisiert:

@action addAge =() => this.friend.age = 20

Aber mein friend Objekt doesn nicht aktualisieren.

Ich habe in die Mobx-Dokumente untersucht und es scheint map kann die richtige Sache zu verwenden sein, weil es neue Elemente in einem Objekt platziert berücksichtigt. Dies scheint jedoch mehr auf Arrays zugeschnitten zu sein. extendObservable scheint eher auf Klassen zugeschnitten zu sein.

Was ist eine gute Übung zum Hinzufügen zu einem beobachtbaren Mobx-Objekt?

Answer 1

Karte ist die richtige Methode zum Ändern von Schlüsseln für ein Objekt, da die Karte keyed array erstellt.

Karte funktioniert wie die ES6-Karte, in der es eine iterable dauern kann.

@observable friend = new Map([[ 'name', 'jack']])

An jedem Punkt jetzt Freund kann mit Satz geändert werden.

@action addAge =() => { this.friend.set('age', 24); }

Alles, was der Freund beobachtbaren verwendet, wird um Änderungen in den Werten auf vorhandenen Schlüssel und der das Hinzufügen oder Entfernen von neuen Schlüsseln reagieren.