不允許 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