使用React Paginate

时间:2017-03-17 21:41:52

标签: reactjs pagination react-redux

我正在使用React Paginate而只想要之前的<和下一级>在我的页面上。但它也显示从1到10的数字。有没有办法只获得分级数而不是分页数。?

2 个答案:

答案 0 :(得分:1)

查看以下内容是否有效:

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

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

答案 1 :(得分:0)

我找到了处理它的最佳组件react-pagination-custom

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

它允许您自定义所有内容(数字按钮,包装容器,传播,...)。它的文件很好,演示也很清楚。