不允许 null 或未定义的 useState 和 TypeScript？

Question

我将 TypeScript 类型添加到 React 的 useState 挂钩中。

const [checked, setChecked] = React.useState<"checked" | un-checked">(null);

是否可以只允许checked和un-checked值，而不是null或undefined以便上面的代码会出错？

Answer 1

您需要在您的tsconfig.json中启用"strictNullChecks": true

'null' 类型的参数不能分配给 '"checked" 类型的参数 | “未检查” | (() => "已检查" | "未检查")'。

https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html