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...
}