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
Arunoda Susiripala 22776c2eee Implement the Singleton Router API (#429)
* Immplement the initial singleton Router.

* Use the new SingletonRouter for HMR error handling.

* Use SingletonRouter inside the Link.

* Create an example app using the Router.

* Make the url parameter optional in Router.push and Router.replace

* Add a section about next/router in the README.
2016-12-19 06:40:26 -08:00

32 lines
492 B
JavaScript

import React from 'react'
import Router from 'next/router'
const styles = {
a: {
marginRight: 10
}
}
const Link = ({ children, href }) => (
<a
href='#'
style={styles.a}
onClick={(e) => {
e.preventDefault()
Router.push(href)
}}
>
{ children }
</a>
)
export default () => (
<div>
<Link href='/'>Home</Link>
<Link href='/about'>About</Link>
<div>
<small>Now you are in the route: {Router.route} </small>
</div>
</div>
)