javascript - Mobx 计算不工作

Question

我正在使用 mobx 4.2.0
当我尝试使用计算属性时，我遇到了一些问题
像这样的代码:

class ODOM {
  constructor(props) {
    console.log('how many times')
  }
  @observable speed = 0
  @action change(obj) {
    console.log(obj)
    Object.keys(obj).forEach(item => {
      this[item] = obj[item]
    })
  }
  @computed get velocity() {
    console.log('entry')
    return this.speed*60*60/1000
  }
}
const model = new ODOM()
let total = 0
setInterval(() => {
  model.change({
    speed: ++total
  })
}, 3000)
export default model

控制台“入口”只运行一次
这些代码有什么问题

Answer 1

必须观察您的计算结果，以便在它所依赖的可观察对象发生变化时重新计算它。

This example使用 autorun显示行为:

class ODOM {
  @observable speed = 0

  @action change(obj) {
    Object.keys(obj).forEach(item => {
      this[item] = obj[item]
    })
  }

  @computed get velocity() {
    console.log('entry')
    return this.speed*60*60/1000
  }
}

const model = new ODOM()
let total = 0
setInterval(() => {
  model.change({
    speed: ++total
  })
}, 1000);

autorun(() => {
  console.log(model.velocity);
});