/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/pagination/PaginationLink.js
32 строки
847 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { Link, MemoryRouter, Route, Routes, useLocation } from 'react-router'; import Pagination from '@mui/material/Pagination'; import PaginationItem from '@mui/material/PaginationItem'; function Content() { const location = useLocation(); const query = new URLSearchParams(location.search); const page = parseInt(query.get('page') || '1', 10); return ( <Pagination page={page} count={10} renderItem={(item) => ( <PaginationItem component={Link} to={`/inbox${item.page === 1 ? '' : `?page=${item.page}`}`} {...item} /> )} /> ); } export default function PaginationLink() { return ( <MemoryRouter initialEntries={['/inbox']} initialIndex={0}> <Routes> <Route path="*" element={<Content />} /> </Routes> </MemoryRouter> ); }