Всем привет! Есть небольшая табличка с данными на React, и к ней приделана пагинация. Согласно ей настроен вывод по 5 объектов. Хочу добавить возможность выбора количества отображаемых объектов, чтобы можно было отображать по 3, 5, 10 и тд по желанию пользователя.
Для этого под таблицей создал кнопки, и на каждую повесил обработчик (с разными цифрами, соотвтетственно)
onClick={()=>this.setState({pageRangeDisplayed: 3})}
, который меняет соответствующее поле в стэйте на нужное число (3,5 и тд). Ну и дальше из стейта это число приходит в пропсы компонента, который и отрисовывает таблицу.
Но столкнулся с проблемой: после onClick стэйт вроде как меняется (проверял через console.log), но визуально ничего не происходит и компонент не перерисовывается. Судя по всему упускаю какую-то банальную вещь, но какую - не могу понять, буду благодарен за любые идеи.