在 Typescript 中，什么是类型 PoorMansUnknown = {} |空 |未定义，您将如何处理？

Question

谁能帮我理解以下类型声明的含义...

type PoorMansUnknown = {} | null | undefined;

这是一个 TypeScript 声明，我在 history 包的上下文中遇到过它。

我已经四处寻找并尝试自己理解它，但鉴于我对 TypeScript 还很陌生，这让我有点难过。我在上面找到了以下信息：

• original place I encountered it, history package
• a stackoverflow question that relates to the same history package
• another package using the approach
• a twitter conversation on it 这暗示它与“有点”为您不确定的事物声明类型有关...

我的假设是在这一点上，这个声明的作者打算用它来表达......在运行时，这个东西可能是一个空对象或 null 或未定义。

有关更多上下文，这种类型出现在我的雷达上的方式是在包 react-router-dom (typedef here) 中。具体来说，我使用了组件Redirect 和它的属性to: object，因为我希望能够告诉组件我已经路由到了我之前所在的位置

例如

<Redirect to={{
  pathname: "/login",
  state: { from: "current-path }
 }} />

react router 的文档说...

可以通过重定向到组件中的 this.props.location.state 访问状态对象。然后将通过路径名“/login”指向的登录组件中的 this.props.location.state.referrer 访问这个新的引荐来源网址键（不是特殊名称）

所以，我去访问 props.location.state 这样...

const { from }  = location.state || { from: { path: '/' } }

我得到一个错误

Property 'from' does not exist on type '{} | { from: { path: string; }; }'.

我通过 typedef 链跟踪这一点，从 LocationState 开始，一直到 PoorMansUnknown 的声明

这就是我开始困惑的地方。这种类型是什么？我该如何处理？

我发现了一些与它相关的东西here，它说将它转换为any。所以我这样做了：

const { from }  = location.state as any || { from: { path: '/' } }

但我不确定。它确实有效，但这只是一种解决方法吗？

---

长话短说，你以前遇到过这样的事情吗？

type PoorMansUnknown = {} | null | undefined;

如果是这样，您认为这意味着什么？您将如何处理使用它的组件？

Answer 1

PoorMansUnknown 应该等同于 unknown 类型。当unknown 不可用时，我们使用PoorMansUnknown，即因为我们必须支持不支持unknown 类型的旧版TypeScript。

“未知”是历史状态的默认类型。您可以自定义它：

type Props = RouteComponentProps<{}, StaticContext, { from: { pathname: string; }; }>;

const MyComponent: FC<Props> = ({ location }) => {
  const { from }  = location.state || { from: { pathname: '/' } }
  // …
}

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/ee646ad6a1cd47f71f099c0a03686d8f3547f3b0/types/react-router/test/examples-from-react-router-website/Auth.tsx#L72-L102