TantStack テーブルの現在のページ インデックスを取得する方法

Question

TantStack と React Table ライブラリを使用してテーブルを構築しています。 「ページ 1/8」のように、テーブル フッターに現在のページ インデックスを表示したいと考えています。「1」は現在のページ番号を意味し、「8」は総ページ数を意味します。 TantStack テーブルの状態から現在のページ インデックスにアクセスする方法がわかりません。

これらのボタンの間に配置する必要があります:

<ボタン
          バリアント="アウトライン"
          サイズ = "sm"
          onClick={() => table.previousPage()}
          無効={!table.getCanPreviousPage()}
        >
          前の
        </ボタン>
        <ボタン
          バリアント="アウトライン"
          サイズ = "sm"
          onClick={() => table.nextPage()}
          無効={!table.getCanNextPage()}
        >
          次
        </ボタン>

Answer 1

ページ インデックスを状態変数に保存し、setState メソッドを Tanstack テーブルに渡して現在のページ インデックスを設定する必要があります。次のコードを試すことができます:

リーリー