javascript - 如何向 React.useState 添加类型表示法？

Question

我正在使用带有钩子的 React 16.8.3，目前我想输入React.useState

type Mode = 'confirm' | 'deny'  
type Option = Number | null

const [mode, setMode] = React.useState('confirm')
const [option, setOption] = React.useState(100)

使用我当前的代码，mode是 type string，而我想要它是 type Mode。同样的问题Option。

如何添加类型符号React.useState？

标签： javascriptreactjstypescriptreact-hooks

Answer 1

React.useState使用泛型，因此您可以通过以下方式向其添加类型表示法：

const [mode, setMode] = React.useState<Mode>('confirm')
const [option, setOption] = React.useState<Option>(100)

仅供参考...类型定义React.useState：

function useState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];