javascript - Mobx-state-tree 操作在 Visual Studio 代码中不可用

Question

虽然我的 Visual Studio 代码自动完成中列出了模型属性，但操作没有。知道如何改进吗？

Answer 1

一个解决方案是这个

const myModel = types.model({
  completed: types.boolean
})
  .actions(self => ({
    setCompleted(value: boolean) {
      self.completed = value
    }
  }))
  .actions(self => ({
    addStepResult() {
      // here you get autocomplete
      self.setCompleted(true)
    }
  }))

在您描述的情况下，不仅 Visual Code 不会自动完成操作，而且 Typescript 也无法编译。在这种情况下绕过打字稿，我像这样破解它

(self as any).setCompleted(true)

我意识到这是一个 hack，但有时不值得actions像在我的示例代码中那样添加第二个调用。很多时候，这个黑客后来对我适得其反。