Typescript react類：將State類型添加為接口或null

Question

在react中，當我們使用打字稿時，典型的狀態類型聲明如下

import * as React from "react"

interface IState {
  someState: string
}

class MyClass extends React.Component<{}, IState> {
  state = {
    someState: "test"
  }

  // etc...
}

我現在的問題是我也希望state = null有效，即我知道我可以通過someState?來使someState可選someState? ，但是如何在使狀態為可空狀態的同時仍在類上使用IState接口？

Answer 1

整個狀態為null並不是很反感，但我不明白為什么這不起作用：

import * as React from "react";

interface IState {
  someState: string;
}

type INullableState = IState | null;

class MyClass extends React.Component<{}, INullableState> {
  state = {
    someState: "test",
  };

  // etc...
}