37 lines
956 B
JavaScript
37 lines
956 B
JavaScript
|
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>
|
||
|
|
);
|
||
|
|
}
|