RP
Size: a a a
RP
TP
TP
TP
const handleChangePage = (event, value) => {
setCurrentPage(value)
}
onChange={handleChangePage}
RP
const handleChangePage = (event, value) => {
setCurrentPage(value)
}
onChange={handleChangePage}
TP
RP
TP
RP
TP
TP
TP
TP
const renderPages = amount => {
const from = currentPage - amountPagesToShow < 1 ? 1 : currentPage - amountPagesToShow;
const to = from + amountPagesToShow;
const pages = [];
for(let i = 1; i <= amount; i++) {
pages.push(i);
}
return pages.filter(i => {
return i >= from && i <= to;
}).map(i => {
return (
<span
key={i}
onClick={() => {
onChange(i);
setPage(i);
}}
className={classnames(
s.pagination__item,
{[s['pagination__item--active']]: i === currentPage }
)}>
{i}
</span>);
});
}
RP
const renderPages = amount => {
const from = currentPage - amountPagesToShow < 1 ? 1 : currentPage - amountPagesToShow;
const to = from + amountPagesToShow;
const pages = [];
for(let i = 1; i <= amount; i++) {
pages.push(i);
}
return pages.filter(i => {
return i >= from && i <= to;
}).map(i => {
return (
<span
key={i}
onClick={() => {
onChange(i);
setPage(i);
}}
className={classnames(
s.pagination__item,
{[s['pagination__item--active']]: i === currentPage }
)}>
{i}
</span>);
});
}
TP
С
С
🅚
🅚
TP