TantStack 테이블의 현재 페이지 인덱스를 얻는 방법

Question

TantStack과 React Table 라이브러리를 사용하여 테이블을 만들고 있습니다. "1/8페이지"와 같이 테이블 바닥글에 현재 페이지 색인을 표시하고 싶습니다. 여기서 "1"은 현재 페이지 번호를 의미하고 "8"은 총 페이지 수를 의미합니다. TantStack 테이블 상태에서 현재 페이지 인덱스에 액세스하는 방법을 알 수 없습니다.

다음 버튼 사이에 위치해야 합니다:

<버튼
          변형="개요"
          사이즈="sm"
          onClick={() =>table.previousPage()}
          비활성화={!table.getCanPreviousPage()}
        >
          이전의
        </버튼>
        <버튼
          변형="개요"
          사이즈="sm"
          onClick={() =>
          비활성화={!table.getCanNextPage()}
        >
          다음
        </버튼>

Answer 1

현재 페이지 인덱스를 설정하려면 페이지 인덱스를 상태 변수에 저장하고 setState 메서드를 tanstack 테이블에 전달해야 합니다. 다음 코드를 시도해 볼 수 있습니다:

으아악