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