React Hooks でカスタムフックを作ってみようReact Hooks とは React 16.8 で追加された新機能が React Hooks です。 関数コンポーネント内でも、state や様々な React の機能を使うことができます。 React Hooks を使うと、基本的[1] に関数コンポーネントだけで実装ができます。 カスタムフックとは フックは JavaScript の関数であり、カスタムフックは独自に作ったフックです。 フックを使うと以下のようなメリットがあります。 コンポーネント内で複雑になったロジックを分離できる ロジックを再利用しやすくなる テストが簡単になる では、実際にカスタムフックを作ってみながら、メリットを体験してみましょう。 カスタムフックを作ってみる いくつかフックを使うためにはルール（後述）がありますが、まずは作ってみましょう。 説明のための サンプルコード を用意しました。 ボタンをクリックする
