Я использую paginate-paginate для разбивки на страницы, и у меня есть два экземпляра на одной странице. Один сверху и один внизу, при получении новой опоры только верхняя часть повторно отображается. Ниже приведен код, я проверил различные методы жизненного цикла на компоненте, если он получает новые реквизиты и вызывается метод визуализации, все, похоже, работает, но на странице только верхняя страница разбиения на страницы работает, если я нажимаю на страницу 2, второй экземпляр должен также изменяются на страницу 2, потому что он получил новое значение для выбранной страницы. Есть предположения?
import React from 'react';
import ReactPaginate from 'react-paginate';
export default class Pager extends React.Component {
constructor() {
super();
}
render() {
return (
<div className={`pager ${this.props.position}`}>
<ReactPaginate
previousLabel={'Prev'}
nextLabel = {'Next'}
breakLabel = {<a href="">...</a>}
breakClassName = {"break-me"}
pageCount = {this.props.totalPages}
marginPagesDisplayed ={1}
pageRangeDisplayed={2}
onPageChange = {this.props.onPageNumberClick}
containerClassName = {"page-links-container"}
pageLinkClassName = {"pg-links"}
activeClassName = {"active"}
previousClassName = {"prev-pg-lnk"}
nextClassName = {"next-pg-lnk"}
disabledClassName = {"disabled"}
initialPage = {parseInt(this.props.selectedPage) -1}
/>
</div>
);
}
}