/
yeliseyevv
/
AudioLibrary
Обзор
Документация
Войти
/
yeliseyevv
/
AudioLibrary
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
client/src/components/Pages.js
30 строк
796 B
Viktor
Загрузка на GitHub AudioLibrary Final
10 мар 2023, 23:25
10 мар 2023, 23:25
f3b1327
Код
Авторство
О чём код?
import React, {useContext} from 'react'; import {observer} from "mobx-react-lite"; import {Context} from "../index"; import {Pagination} from "react-bootstrap"; const Pages = observer(() => { const {audio} = useContext(Context) const pageCount = Math.ceil(audio.totalCount / audio.limit) const pages = [] for (let i = 0; i < pageCount; i++) { pages.push(i + 1) } return ( <Pagination className="mt-3"> {pages.map(page => <Pagination.Item key={page} active={audio.page === page} onClick={() => audio.setPage(page)} > {page} </Pagination.Item> )} </Pagination> ); }); export default Pages;