typescript - 如何添加 mobx typescript 支持？

Question

如您所见，“替换”方法不受 ts 支持。也许我应该使用 IObservableArray 而不是 Array，但是出现了另一个问题。

Answer 1

有几个解决方案。但是是的，您应该使用 IObservableArray 以确保您拥有并使用正确的方法。

我使用了这个解决方法:

 this.files = [] as any;

或更多类型一次解决方案:

 function MyArray<T>(): IObservableArray<T> {
     return [] as any; // disable eslint once here.
 }

 this.files = MyArray();

建议的解决方案

这个问题之前在github上讨论过:https://github.com/mobxjs/mobx/issues/669

提供的解决方案是将其设置为只读属性一次:

class AppModel {
  readonly files = observable<IFile>([])
}

这是最短类型的解决方案，它还可以确保您不会再次错误地设置 this.files(并丢失所有观察者)。