如何具有Immutable.js可選（TypeScript）Record類屬性

Question

如果您嘗試使用帶有可選屬性的Record類，例如：

class MyRecord extends Immutable.Record({
  field: undefined
}) {
  field?: string;
}

...您將收到一個TypeScript錯誤，如下所示：

ERROR in [at-loader] myFile.ts:x:y
TS2415: Class 'MyRecord' incorrectly extends base class 'Instance<{ field: undefined; }> & Readonly<{ field: undefined; }>'.
  Type 'MyRecord' is not assignable to type 'Readonly<{ field: undefined; }>'.
  Types of property 'field' are incompatible.
  Type 'string | undefined' is not assignable to type 'undefined'.
  Type 'string' is not assignable to type 'undefined'.

如果您像這樣擺脫field默認值：

class MyRecord extends Immutable.Record({}) {
  field?: string;
}

... Typescript不再抱怨了，但是您無法在類實例上設置field屬性（由於Record API）。

如果我們想要一個可選的屬性，我們應該如何解決呢？

---

打字稿版本：2.2.1

Immutable.js版本：4.0.0-rc-1

Answer 1

推斷超類的類型時，TypeScript不會查看子類主體。

從Immutable.Record({ field: undefined })推斷Immutable.Record({ field: undefined })類的類型為Immutable.Record<{ field: undefined }> 。 因此，子類的類型與超類不兼容。

要解決此問題，您必須在超類而不是子類中聲明類型信息：

class MyRecord extends Immutable.Record<{
  field?: string
}>({
  field: undefined
}) { }