/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/integrations/routing/LinkRouter.js
36 строк
956 B
Brijesh Bittu
[code-infra] Use flat eslint config (#46258)
02 июл 2025, 12:21
Не верифицирован
02 июл 2025, 12:21
35a95be
Код
Авторство
О чём код?
import * as React from 'react'; import PropTypes from 'prop-types'; import { Link as RouterLink, MemoryRouter, StaticRouter } from 'react-router'; import Link from '@mui/material/Link'; import Box from '@mui/material/Box'; const LinkBehavior = React.forwardRef((props, ref) => ( <RouterLink ref={ref} to="/material-ui/getting-started/installation/" {...props} /> )); function Router(props) { const { children } = props; if (typeof window === 'undefined') { return <StaticRouter location="/">{children}</StaticRouter>; } return <MemoryRouter>{children}</MemoryRouter>; } Router.propTypes = { children: PropTypes.node, }; export default function LinkRouter() { return ( <Box sx={{ typography: 'body1' }}> <Router> <Link component={RouterLink} to="/"> With prop forwarding </Link> <br /> <Link component={LinkBehavior}>Without prop forwarding</Link> </Router> </Box> ); }