React-Paginateを入れて表示を分割した。 - KDP(電子出版)のメモ 急急如律令

今やろうとしているのがpaginationで画面の表示数を分割したい。そうしないとページが重たいのでページの読み込みが長くなり評価が落ちる。使いたいのがReact-Paginateなのだが、useEffect, useStateの使い方がよくわからなかった。表示するだけなんで現在のページ数を覚える必要がない。 基本的な操作はreact-paginateの説明通りにやったが操作が面倒なのでコンポーネントで分割した。詰まったところはどうやってデータを渡したり分割しているのかが触ってコンソールログに表示するまでわからなかった。 zenn.dev github.com Gatsbyにもページャーのやり方はあるがこの場合はページを分割するのでなんか違う気がした。 www.gatsbyjs.com https://www.freecodecamp.org/learn/ freecodecampのrea