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('/', '-')}>
|
2019-11-11 04:24:53 +01:00
|
|
|
<div id="router-query">{JSON.stringify(query)}</div>
|
2019-05-30 03:19:32 +02:00
|
|
|
<div>
|
|
|
|
<Link
|
2019-11-11 04:24:53 +01:00
|
|
|
href="/nav/as-path-pushstate?something=hello"
|
|
|
|
as="/something/hello"
|
2019-05-30 03:19:32 +02:00
|
|
|
>
|
2019-11-11 04:24:53 +01:00
|
|
|
<a id="hello">hello</a>
|
2019-05-30 03:19:32 +02:00
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
<div>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Link href="/nav/as-path-pushstate" as="/something/else">
|
|
|
|
<a id="else">else</a>
|
2019-05-30 03:19:32 +02:00
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
<div>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Link href="/nav/as-path-pushstate" as="/nav/as-path-pushstate">
|
|
|
|
<a id="hello2">normal hello</a>
|
2019-05-30 03:19:32 +02:00
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
{query.something === 'hello' && (
|
|
|
|
<Link
|
2019-11-11 04:24:53 +01:00
|
|
|
href="/nav/as-path-pushstate?something=hello"
|
|
|
|
as="/something/same-query"
|
2019-05-30 03:19:32 +02:00
|
|
|
>
|
2019-11-11 04:24:53 +01:00
|
|
|
<a id="same-query">same query</a>
|
2019-05-30 03:19:32 +02:00
|
|
|
</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
|
|
|
})
|