reactjs - 如何使用reactjs从数组对象进行分页

Question

我在这个链接中有一个数据我想在每个页面中只放置 10 个索引并对其他数据进行分页以查看该数组访问http://demo9197058.mockable.io/users

.

.

标签： reactjspagination

Answer 1

import ReactPaginate from 'react-paginate';

...

<ReactPaginate
      previousLabel={'previous'}
      nextLabel={'next'}
      breakLabel={'...'}
      breakClassName={'break-me'}
      pageCount={this.state.pageCount}
      marginPagesDisplayed={2}
      pageRangeDisplayed={5}
      onPageChange={this.handlePageClick}
      containerClassName={'pagination'}
      subContainerClassName={'pages pagination'}
      activeClassName={'active'}
/>