2018-09-03 15:26:34 +02:00
|
|
|
import Link from 'next/link'
|
2019-02-19 22:45:07 +01:00
|
|
|
import { withRouter } from 'next/router'
|
2018-09-03 15:26:34 +02:00
|
|
|
|
2019-02-19 22:45:07 +01:00
|
|
|
export default withRouter(({ router: { asPath, query } }) => {
|
2019-05-30 03:19:32 +02:00
|
|
|
return (
|
|
|
|
<div id={asPath.replace('/', '').replace('/', '-')}>
|
|
|
|
<div id='router-query'>{JSON.stringify(query)}</div>
|
|
|
|
<div>
|
|
|
|
<Link
|
|
|
|
href='/nav/as-path-pushstate?something=hello'
|
|
|
|
as='/something/hello'
|
|
|
|
>
|
|
|
|
<a id='hello'>hello</a>
|
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<Link href='/nav/as-path-pushstate' as='/something/else'>
|
|
|
|
<a id='else'>else</a>
|
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<Link href='/nav/as-path-pushstate' as='/nav/as-path-pushstate'>
|
|
|
|
<a id='hello2'>normal hello</a>
|
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
{query.something === 'hello' && (
|
|
|
|
<Link
|
|
|
|
href='/nav/as-path-pushstate?something=hello'
|
|
|
|
as='/something/same-query'
|
|
|
|
>
|
|
|
|
<a id='same-query'>same query</a>
|
|
|
|
</Link>
|
|
|
|
)}
|
2018-09-03 15:26:34 +02:00
|
|
|
</div>
|
2019-05-30 03:19:32 +02:00
|
|
|
)
|
2018-09-03 15:26:34 +02:00
|
|
|
})
|