使用React分页

Question

我正在使用React分页，只想在前一页<和下一个级别>在我的页面上，但它也显示从1到10的数字。是否有任何方法可以获取只有级别而不是分页号码？

Answer 1

看看以下工作：

<ReactPaginate previousLabel={"previous"} nextLabel={"next"} pageCount={0} ...anyOtherProps /> 

否则，你可以做一些简单的过滤。一些选项是使用CSS定位页面计数，并将display：none属性添加到它，或者简单地使用JS从DOM中删除它。

Answer 2

我发现了最好的组件处理它，react-pagination-custom。

<TinyPagination 
    total = {...} 
    selectedPageId = {...} 
    itemPerPage = {...} 
    renderBtnNumber = {...} 
    maxBtnNumbers = {...} 
    preKey = '...' 
    nextKey = '...' 
    {...someOptionalProperties} 
/> 

它允许您自定义一切（数字按钮，包装容器，传播，..）。它的文件很好，演示也很清晰。