React Paginate，在中断之后和下一个链接之前隐藏右分页链接

Question

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

我没有找到只显示正确链接的方法。像这样的东西： 与默认值相反：

这只是我想在我的应用程序中完成的一个小细节，但我认为使用当前的 api 无法做到这一点。

有什么解决办法吗？

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"} 
      />