BFE.devでのAI解答例 - React コーディング問題
3. useIsFirstRender()

useIsFirstRender()という名前のReactカスタムフックを作成し、最初のレンダリングかどうかを判断する関数を返します。

useRef()を使って、最初のレンダリングかどうかを示すフラグを作成し、useEffect()を使ってフラグを更新する必要があります。

以下は解答例です。

import { useRef, useEffect } from 'react';

function useIsFirstRender() {
  const isFirst = useRef(true);
  useEffect(() => {
    isFirst.current = false;
  }, []);
  return isFirst.current;
}

function App() {
  const isFirstRender = useIsFirstRender();
  // only true for the first render
  ...
}