/
eb
/
medium-clone
Обзор
Документация
Войти
/
eb
/
medium-clone
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/node_modules/components/pagination.js
39 строк
829 B
Evgeniy Budaev
React Hooks App
25 июл 2020, 15:34
25 июл 2020, 15:34
61784c7
Код
Авторство
О чём код?
import React from 'react' import {Link} from 'react-router-dom' import classNames from 'classnames' import {range} from 'utils' const PaginationItem = ({page, currentPage, url}) => { const liClasses = classNames({ 'page-item': true, active: currentPage === page }) return ( <li className={liClasses}> <Link to={`${url}?page=${page}`} className="page-link"> {page} </Link> </li> ) } const Pagination = ({total, limit, url, currentPage}) => { const pagesCount = Math.ceil(total / limit) const pages = range(1, pagesCount) return ( <ul className="pagination"> {pages.map(page => ( <PaginationItem page={page} key={page} currentPage={currentPage} url={url} /> ))} </ul> ) } export default Pagination