反应分页，在休息后和下一个链接之前隐藏右分页链接

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