使用反应分页

【问题标题】：Using React Paginate使用反应分页
【发布时间】：2017-08-09 14:26:00
【问题描述】：

我正在使用 React Paginate，只想要我页面上的上一个。但它也显示从 1 到 10 的数字。有没有办法只获得级别而不是分页数字？。

【问题讨论】：

请显示一些代码。
用 css 好了，你可以用 display none 隐藏它，然后相应地向后对齐。但是用例是什么？

【解决方案1】：

看看以下是否有效：

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

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

【讨论】：

很高兴听到！如果它解决了您的问题，请标记答案:)

【解决方案2】：

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

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

它允许您自定义所有内容（数字按钮、包装容器、展开等）。它的文档很好，demo也很清晰。

【讨论】：