useStateの型

React実践 / 全 6 枚

初期値があるか、ないか

最初に何を入れるかで、TypeScript が型を決められるかが変わります。

初期値が空のまま

const [items, setItems] =
  useState([]);

// items は never[] になる

山かっこで型を渡す

const [items, setItems] =
  useState<Item[]>([]);

// items は Item[] になる

空配列からは中身の型が分からないので、自分で教えます。

1 / 6

← → キーでも送れます