36 lines
987 B
JavaScript
36 lines
987 B
JavaScript
import Link from 'next/link'
|
|
import { withRouter } from 'next/router'
|
|
|
|
export default withRouter(({ router: { asPath, query } }) => {
|
|
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>
|
|
)}
|
|
</div>
|
|
)
|
|
})
|