reactjs - Material UI theme.palette.type 打字稿错误

Question

我是 Material UI 和 TypeScript 的初学者。ps：如果我的问题格式不正确，我深表歉意，这是stackoverflow上的第一个问题。

标签： reactjstypescriptmaterial-ui

Answer 1

type只接受文字字符串'light'和'dark'. 这与一般的字符串类型不同。

您提供的初始值useState是文字类型，但 Typescript 扩大了函数表达式的返回类型。换句话说，mode是字符串类型。

useState是一个泛型函数，您可以传入类型以防止类型扩大

const [mode, setMode] = useState<'light' | 'dark'>('dark')