mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
23 lines
464 B
JavaScript
23 lines
464 B
JavaScript
|
import { withRouter } from 'next/router'
|
||
|
|
|
||
|
|
const Link = withRouter(({router, children, href}) => {
|
||
|
|
const handleClick = (e) => {
|
||
|
|
e.preventDefault()
|
||
|
|
router.push(href)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<span>Current path: {router.pathname}</span>
|
||
|
|
<a href='#' onClick={handleClick}>{children}</a>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
})
|
||
|
|
|
||
|
|
export default () => (
|
||
|
|
<div className='nav-with-hoc'>
|
||
|
|
<Link href='/nav'>Go Back</Link>
|
||
|
|
<p>This is the about page.</p>
|
||
|
|
</div>
|
||
|
|
)
|