変更を検出して他の観測値を変更するために使用するMobXパターンはどれですか？

Question

私はautorunとreactionの説明を何度も読んでいますが、1つの観測値の変化を検出したときにどのパターンを使用するかはまだ分かりません。

例

Iは、以下に示したアドレスオブジェクトを持っています。国が変わるたびに、他のすべてのフィールドをリセット/再初期化したい。これを行う1つの方法は、Addressクラス内に@action setCountry() {...}を持ち、他の観測値を設定することです。しかし、私のUIは一般的な手法を使用してストア属性を更新するため、つまり贅沢はありません。つまり_.set(entity, attr, value)です。ですから、私はautorunのようなものを使って変化を検出し、残りの観測値を更新したいと思います。これを行う正しい方法は何ですか？

class Address { 
    @observable name; 
    @observable line1; 
    @observable line2; 
    @observable city; 
    @observable state; 
    @observable zip; 
    @observable country; 
    ... 
} 

Answer 1

observeをご利用の場合のために働くだろうようですね。

例（JSBin）

class Address { 
    @observable name = ''; 
    @observable line1 = ''; 
    @observable line2 = ''; 
    @observable city = ''; 
    @observable state = ''; 
    @observable zip = ''; 
    @observable country = ''; 
} 

const address = new Address(); 

observe(address, change => { 
    if (change.name === 'country' && change.newValue === 'Sweden') { 
    address.city = 'Stockholm'; 
    } 
}); 

autorun(() => { 
    console.log(toJS(address)); 
}); 

setTimeout(() => { 
    address.country = 'Sweden'; 
}, 2000);