使用useState,如何将变量类型设置为可选的未定义类型

之所以会发生这种情况,是因为 strict null checks 显然没有启用。当该设置未打开时,typescript基本上会忽略 null 和 undefined 。一旦你打开它,你截屏的两行代码应该都能正常工作。

您可以通过将此行添加到 tsconfig 文件:

"strict": true,

如果出于某种原因,您只想要strictNullChecks,而不想要其他严格模式,以下也是可能的,尽管我建议使用完全严格模式:

"strictNullChecks": true,

您可以通过使用TypeScript可选的链接运算符(?)来解决此问题。

const [user, setUser] = useState<UserRecord | undefined>();
const userId = user?._id;

我通常在道具的情况下所做的是在儿童身上获得可选道具,这对我很有帮助。

const [isDropdownOpen, setIsDropdownOpen] = useState<boolean>(false);

在子项中,它被分配为

setIsDropdownOpen?.(false)