MobX - Beobachtbares Objekt, das nur geänderte Felder erfasst?

Question

Ich habe einen MobX-Store-Setup mit einem Observable-Objekt, das Standardwerte hat, und deren Werte vom Server beim Laden der reagierenden nativen Szene aufgefüllt werden. Ich habe eine Liste von beobachtbaren Benutzereinstellungen im UserPreferencesStore wie folgt aus:

class UserPreferencesStore { 
    @observable userPreferences = { 
     receive_upvotes_mail: 0, 
     receive_answers_mail: 0, 
     receive_comments_mail: 0 
    } 
} 

Auf der RN Seite, diese Werte zu dies zu ändern:

class UserPreferencesStore { 
    @observable userPreferences = { 
     receive_upvotes_mail: 1, 
     receive_answers_mail: 1, 
     receive_comments_mail: 0 
    } 
} 

Ich bin nicht sicher, wie nur das geändert zu bekommen Elemente an den Server senden. Irgendeine Idee? Ist dies auch der effizienteste Weg, Mobx für diese Situation zu verwenden, ein beobachtbares Objekt, selbst wenn ich 20 Felder habe?

Answer 1

Das ist eine Frage der Schaffung eines separaten Autorun oder Reaktion für jedes Feld sein sollte:

class UserPreferencesStore { 
    @observable userPreferences = { 
     receive_upvotes_mail: 1, 
     receive_answers_mail: 1, 
     receive_comments_mail: 0 
    } 

    constructor() { 
     Object.keys(this.userPreferences).forEach(setting => { 
      reaction(
       // whenever a new value is produced... 
       () => this.userPreferences[setting], 
       // ..run this effect 
       (newValue) => storeSettingOnServer(setting, newValue) 
      ) 
     }) 
    } 
}