mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
32 lines
616 B
JavaScript
32 lines
616 B
JavaScript
import Router from 'next/router'
|
|
|
|
export default () => (
|
|
<div>
|
|
<Link href='/'>Home</Link>
|
|
<Link href='/about'>About</Link>
|
|
<Link href='/error'>Error</Link>
|
|
</div>
|
|
)
|
|
|
|
// typically you want to use `next/link` for this usecase
|
|
// but this example shows how you can also access the router
|
|
// and use it manually
|
|
|
|
function onClickHandler (href) {
|
|
return (e) => {
|
|
e.preventDefault()
|
|
Router.push(href)
|
|
}
|
|
}
|
|
|
|
const Link = ({ children, href }) => (
|
|
<a href='#' onClick={onClickHandler(href)}>
|
|
{children}
|
|
<style jsx>{`
|
|
a {
|
|
margin-right: 10px;
|
|
}
|
|
`}</style>
|
|
</a>
|
|
)
|