フックに型を付ける

React実践 / 全 6 枚

戻り値に名前を付ける

戻り値に名前が無いと、使う側は綴りを間違えても気づけません。

型を書かない

export function useItems(
  category: string
): any {
  return { items, loading, error };
}

戻り値に名前を付ける

export function useItems(
  category: string
): UseItemsResult {
  return { items, loading, error };
}

名前を付けると、使う側の綴り間違いをその場で止められます。

1 / 6

← → キーでも送れます