这个 TypeScript 对 useEffect 意味着什么？答案

【问题标题】：What does this TypeScript mean with regards to useEffect?这个 TypeScript 对 useEffect 意味着什么？
【发布时间】：2023-01-03 12:42:57
【问题描述】：

我是 TypeScript 的新手，我正在通过设置一个新项目以及我通常如何做到这一点来学习它，但一路上都使用了 TypeScript。我有一点 React 工作，但不知道这意味着什么——因此我应该阅读哪个文档来了解它。

const [user, setUser] = useState<any | null>(false);

特别是 <any |空>部分。这是 TypeScript 的唯一新部分，但不确定如何阅读。这是说类型是任何类型，否则为空？我可以使用哪些其他选项来代替 any 和 null？我应该避免哪些情况？

【问题讨论】：

【解决方案1】：

这是输入 useState 的正确方法，但通常您希望避免使用 any。

在您的示例中，您正在创建一些默认值为 false 的状态。在这种情况下，您实际上不需要定义类型，因为它将被推断为布尔值。假设该值可以是 null 或一个对象，那么您可以像这样定义类型：

// Just an example
interface User {
  username: string
}

const [user, setUser] = useState<User | null>(null);

【讨论】：