useStateに型情報を付与する

useStateに型情報を付与する

TypeScript + Reactでフロントエンド開発するなら、最大限型による恩恵は受けたいですよね。
ということで、以下のようにすると型情報を付与したuseStateが定義できます。

booleanなどの場合

この場合は型推論が働く(多分)のでここまで明示する必要はないかもですが。

const [hoge, setHoge] = useState<boolean>(false);

配列の場合

booleanなどを使用する場合は型推論が働くと思うので問題ないかと考えているのですが、配列などを扱う場合は型を明示した方が良さそうです。

const [names, setNames] = useState<string[]>([]);