カスタムフックとuseContextでコンポーネント間の状態共有 - Qiita

はじめに ReactのHooksの登場以降、ステート共有の一般的な方法としてはカスタムフックの方がより推奨されることが多いです。 カスタムフックを使うと、高階関数よりもさらに柔軟で、コンポーネントのネストも深くならないため、よりシンプルにロジックを再利用できます。 以下に、カスタムフックを使って前の例と同じステート共有を実現するサンプルコードを紹介します。 実装 import React, { useState, useCallback } from 'react'; // カウンターのステートと更新ロジックを提供するカスタムフック const useCounter = () => { const [count, setCount] = useState(0); const increment = useCallback(() => { setCount((prevCount) => pr