javascript - 如果计算 View 发生变化，如何调用 mobx-state-tree 操作？

Question

基本上，我想做的是在计算 View 发生变化时调用一个操作。

const Store = types
  .views(self => ({
    get computedValue() {
      return somethingComputed;
    }
  }))
  .actions(self => ({
    doSomething() {
      doSomeStuffUsingComputedValue(self.computedValue);
    }
  }));

如果计算值发生变化，我想调用 doSomething 操作。我无法控制计算值的更新内容。

知道如何实现这一目标吗？

Answer 1

您可以使用mobx autorun , when或reaction去做这件事。

例如，每次 compatedValue 更改时都会触发此 react :

import { reaction } from 'mobx'

reaction(
  () => store.computedValue,
  () => store.doSomething()
)

您可以在 mobx 文档中阅读有关这些 mobx 实用程序的更多信息:https://mobx.js.org