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

Question

基本上，我要做的就是在计算视图发生变化时调用一个操作。

​

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

​

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

你知道我如何才能做到这一点吗？

Answer 1

您可以使用mobx autorun、when或reaction来完成此操作。

例如，此反应将在每次computedValue更改时触发：

import { reaction } from 'mobx'

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

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