如何在`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是string類型，而我想要的是Mode類型。 與Option相同的問題。

如何向React.useState添加類型表示法？

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>>];