1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/using-router/components/Header.js
Tim Neutkens 9c4eefcdbf
Add prettier for examples directory (#5909)
* Add prettier for examples directory

* Fix files

* Fix linting

* Add prettier script in case it has to be ran again
2018-12-17 17:34:32 +01:00

32 lines
614 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>
)