Visual Studio 代码中不可用的 Mobx 状态树操作

【问题标题】：Mobx-state-tree actions not available in visual studio codeVisual Studio 代码中不可用的 Mobx 状态树操作
【发布时间】：2019-09-03 08:08:50
【问题描述】：

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

【问题讨论】：

也许有帮助，这里是描述这个问题的文档：mobx-state-tree.js.org/tips/typescript

标签： javascript visual-studio-code mobx mobx-state-tree

【解决方案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 调用。很多时候，这种黑客攻击后来对我适得其反。

【讨论】：