reactjs - 如何定义可能未定义的类型

Question

定义可能未定义的接口(interface)的最佳方法是什么？我有的是这个。我正在寻找替代方案。如果可能的话，一些更优雅和简洁的东西。

interface RouteInterface {
  path: string;
  test: boolean;
}
type TypeOrUndefined<T> = T | undefined;

这就是我使用它的方式:

const returnObj: TypeOrUndefined<RouteInterface> = 
  redirectChoices.find(
    (option: RouteInterface) => option.test
  );

Answer 1

通常我个人是这样做的:

const returnObj: RouteInterface | undefined = 
  redirectChoices.find(
    (option: RouteInterface) => option.test
  );

这个特定的代码也可以这样写:

const returnObj = 
  redirectChoices.find(
    (option: RouteInterface) => option.test
  );

returnObj 仍然是 RouteInterface | undefined 因为 Array.prototype.find 返回一个包含 undefined 的联合。