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

32 lines
561 B
JavaScript
Raw Normal View History

import Router from 'next/router'
2016-12-20 20:39:15 +00:00
export default () => (
<div>
<Link href='/'>Home</Link>
<Link href='/about'>About</Link>
<Link href='/error'>Error</Link>
</div>
)
2016-12-20 20:39:15 +00:00
// 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
const Link = ({ children, href }) => (
<a
href='#'
style={styles.a}
onClick={(e) => {
e.preventDefault()
Router.push(href)
}}
>
{ children }
</a>
)
2016-12-20 20:39:15 +00:00
const styles = {
a: {
marginRight: 10
}
}