Olá pessoa,
Eu estou desenvolvendo um projeto de um site, e estava precisando usar paginação. Achei um pacote chamado react-paginate que funcionou muito bem. Porém, estou tendo uma dificuldade de configurar uma coisa bem pequena. No meu site, o Navbar sempre aparece, com isso o botão de pesquisar também, se eu já estiver na página de Search, e pesquisar novamente o componente da paginação não ativa de volta para a página 1, sempre fica ativo à última página que eu visualizei anteriormente, isso até eu atualizar a página.
Não sei se alguém tem certa experiencia com esse pacote, mas ficaria feliz com qualquer ajuda.
Segue o código do componente.
<ReactPaginate
breakLabel="..."
nextLabel={<ArrowForwardIosIcon />}
onPageChange={(e) => selectPage(e.selected + 1)}
pageRangeDisplayed={5}
pageCount={totalPage}
previousLabel={<ArrowBackIosIcon />}
renderOnZeroPageCount={null}
className="pagination"
pageClassName="waves-effect"
activeClassName="active"
previousClassName="arrows"
nextClassName="arrows"
/>