terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Update Header.js

Browse source
This commit is contained in:
Guillermo Rauch 2016-12-20 12:39:15 -08:00 committed by GitHub
parent cded884581
commit 41c73a3aa7
1 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
examples/using-router/components/Header.js
View file

@ -1,12 +1,16 @@
import React from 'react'
import Router from 'next/router'
const styles = {
a: {
marginRight: 10
}
}
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
const Link = ({ children, href }) => (
<a
href='#'
@ -20,10 +24,8 @@ const Link = ({ children, href }) => (
</a>
)
export default () => (
<div>
<Link href='/'>Home</Link>
<Link href='/about'>About</Link>
<Link href='/error'>Error</Link>
</div>
)
const styles = {
a: {
marginRight: 10
}
}