kyukyunyorituryo https://blog.hatena.ne.jp/kyukyunyorituryo/ KDP(電子出版)のメモ　急急如律令 https://99nyorituryo.hatenablog.com/ javascript 今やろうとしているのがpaginationで画面の表示数を分割したい。そうしないとページが重たいのでページの読み込みが長くなり評価が落ちる。使いたいのがReact-Paginateなのだが、useEffect, useStateの使い方がよくわからなかった。表示するだけなんで現在のページ数を覚える必要がない。 基本的な操作はreact-paginateの説明通りにやったが操作が面倒なのでコンポーネントで分割した。詰まったところはどうやってデータを渡したり分割しているのかが触ってコンソールログに表示するまでわからなかった。 zenn.dev github.com Gatsbyにもページャーのやり… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F99nyorituryo.hatenablog.com%2Fentry%2F2024%2F06%2F19%2F161427" title="React-Paginateを入れて表示を分割した。 - KDP(電子出版)のメモ　急急如律令" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.image.st-hatena.com/image/square/adad63b72f1d6545b2ba2538c3fc2923b2fd5989/backend=imagemagick;height=80;version=1;width=80/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Fcircle%2Fofficial-circle-icon%2Fcomputers.gif Hatena Blog https://hatena.blog 2024-06-19 16:14:27 rich https://99nyorituryo.hatenablog.com/entry/2024/06/19/161427 1.0 100%