rsnext/test/integration/client-navigation/pages/nav/as-path-pushstate.js
Joe Haddad 18a9c7e371
Improve linting rules to catch more errors (#9374)
* Update `packages/`

* Update examples

* Update tests

* Update bench

* Update top level files

* Fix build

* trigger
2019-11-10 19:24:53 -08:00

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>
)
})