Qiitaのclassをfunctionに変更

無限スクロールの処理
useEffectを使って、pageが変化したらhandleClick()を実行するように変更
handleClick()の中にpageを+1する処理があると無限ループになるので注意

  useEffect(() => {
    //document.title = `page = ${page}, message = ${message}`;
    handleClick();
    console.log('handleClick (useEffect)');
  }, [page]); // Only re-run the effect if count changes

useStateのsetPageを使って、pageを+1するが、再描画後でないと+1した後の値が使えない。1になってしまう。

初心者でもわかるReact Hook のuseStateを使い方 | アールエフェクト

useEffect / React Hooks – React入門 - to-R Media

useEffectフックのしくみ - Qiita

【React】イベントハンドラで引数を使いたい【備忘録】 - Qiita

useCallbackはとにかく使え！ 特にカスタムフックでは - uhyo/blog

ReactのonClickイベントの書き方 – shinoblog