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  ...}