typescript - 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> & IStateTreeNode<IArrayType<ISimpleType>>'. Type 'string[]' is missing the following properties from type 'IMSTArray<ISimpleType>': spliceWithArray, observe, intercept, clear, and 4 more.ts(2322)

这是一个烦人的错误。我可以通过这样分配来修复它:(self as any).stores = stores 但我想停止对我的代码进行 hack。

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

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

Answer 1

解决方案是使用cast :

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

// .....

self.stores = cast(stores)

这是因为 MST 允许将快照分配给实际值，并自动转换它们。这不仅适用于数组，还适用于所有类型的值。但是， typescript 不支持分配比分配给它的东西更窄的分配，这就是需要强制转换的原因。 cast 没有做任何事情，但是它帮助 TS 判断这个赋值是有效的