Mobx-State-Tree-分配给数组类型

Question

我有这个基本模型。

const stuff = types.model({
  term: types.string,
  excludeTerm: types.string,
  stores: types.array(types.string)
}).actions(self => ({
  setTerm(term: string) {
    self.term = term
  },
  setExcludeTerm(term: string) {
    self.excludeTerm = term
  },
  setStores(stores: string[]) {
    self.stores = stores   // <<< the lint error is on this line
  }
}))

我收到以下TS Lint错误：

Type 'string[]' is not assignable to type 'IMSTArray<ISimpleType<string>> & IStateTreeNode<IArrayType<ISimpleType<string>>>'. Type 'string[]' is missing the following properties from type 'IMSTArray<ISimpleType<string>>': spliceWithArray, observe, intercept, clear, and 4 more.ts(2322)

这是一个令人讨厌的错误。我可以这样分配来修复它：(self as any).stores = stores但是我想停止对我的代码进行黑客攻击。

问题是为什么我会收到此错误？还有另一种在mobx-state-tree中分配数组类型的方法吗？

我在mobx-state-tree中找不到用于处理数组的更详细的文档资料。有人知道吗？

Answer 1

您可以使用self.stores.replace(stores)

这是 MST 的文档，这些确实是我见过的唯一文档： https: //github.com/mobxjs/mobx-state-tree

还有一个功能setLivelinessCheck('error')可以帮助您在本地进行调试以查看可能发生的错误。它位于 API 概述函数列表中：https://github.com/mobxjs/mobx-state-tree#api-overview

Answer 2

解决的办法是使用cast：

import { cast } from "mobx-state-tree"

// .....

self.stores = cast(stores)

这是因为MST可以将快照分配给实际值，并自动将其转换。这不仅适用于数组，还适用于所有类型的值。但是，打字稿不支持将分配范围缩小到比分配给它更窄的范围，这就是需要强制转换的原因。cast不会执行任何操作，但是可以帮助TS确定此分配有效

Answer 3

MST 中的数组不是通常的数组，它是一个复杂类型- IMSTArray<ISimpleType<string>>，因此您得到的 TS lint 错误是完全可以预料到的。但在我看来，这绝对不是直观上合理的（并且对于新手来说是可怕的）。

解决这个问题的方法不是黑客，但我想说这是唯一简单的解决方法。