javascript - React Paginate，在中断后和下一个链接之前隐藏正确的分页链接

Question

我正在使用react-paginate库，效果很好。

我看不到只显示正确链接的方法。像这样： 与默认设置相反：

这只是我想在我的应用程序中完成的一个小细节，但我看不出用当前的 api 可以做到这一点。

任何解决方法？

标签： javascriptreactjs

Answer 1

啊。设置marginPagesDisplayed={0}正是我想要的。从文档中看不是很清楚，所以我不得不做一些小试验和错误。

这是我想出的：

       <ReactPaginate
        forcePage={currentPage} 
        previousLabel={"previous"}
        nextLabel={"next"}
        breakLabel={<a href="">...</a>}
        pageCount={this.props.total_count}
        marginPagesDisplayed={0}
        pageRangeDisplayed={5}
        onPageChange={}//handle page change event
        containerClassName={"pagination"}
        subContainerClassName={"pages pagination"}
        activeClassName={"active"} 
      />