如何根据另一个值的变化来改变一个可观察的值?

你可以用 observe 观察构造器中的对象,并在国家更改时重置城市。

实例(例) JSBin )

class Address {
  @observable country = 'Sweden';
  @observable city = 'Stockholm';

  constructor() {
    observe(this, (change) => {
      if (change.name === 'country') {
        // Put your logic for changing the city here
        this.city = '';
      }
    });
  }
}

const address = new Address();

console.log(`${address.country}, ${address.city}`);
address.country = 'Spain';
console.log(`${address.country}, ${address.city}`);

此任务可以通过存储构造函数中初始化的“when”进程完成:

class store(){
    constructor(){
     when (){
      ()=>{(this.country === 'US' && this.city === 'Paris')}
      ()=>{ this.city = ''}
    } 
  }
} 

完整且有文件证明的解释如下: https://mobx.js.org/refguide/when.html

我认为你应该换个角度来看待你的问题。

我问自己的问题是:你难道不能做点什么来避免你所面临的问题吗?

为什么一开始就允许这种情况发生?

• 如果设置了国家:请为该国家创建城市子集。
• 如果一个城市被建立,而这个国家发生了变化,那就同时解除这个城市的治安。

对于mobx特定的模式,这部分文档很有用:

经验法则是:如果有一个函数应该自动运行,但不会产生新值,请使用autorun。对其他所有内容使用computed。自动运行是为了启动效果,而不是为了产生新的值。 Mobx docs

observe(state, "country", ({ oldValue, newValue }) => this.handleCountryChange(oldValue, newValue));


handleCountryChange = (oldValue, newValue) => {}