mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
cvolantandGitHub
101a70ba8d
In `Link`, `router.push`, and `router.replace`, `as` option used to throw for optional catch all routes with url object syntax: optional attribute were not taken into account when checking missing parameters in router change method. This PR just add a condition in the filter callback to filter out optional routes. Fixes #41624 ## Bug - [X] Related issues linked using `fixes #number` - [X] Integration tests added - [X] Errors have a helpful link attached, see `contributing.md`
70 lines
1.4 KiB
JavaScript
70 lines
1.4 KiB
JavaScript
import { useRouter } from 'next/router'
|
|
import Link from 'next/link'
|
|
|
|
export const getStaticProps = ({ params }) => {
|
|
return {
|
|
props: {
|
|
params: params || null,
|
|
preview: true,
|
|
},
|
|
}
|
|
}
|
|
|
|
export const getStaticPaths = () => {
|
|
return {
|
|
paths: [],
|
|
fallback: 'blocking',
|
|
}
|
|
}
|
|
|
|
export default function Page(props) {
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<>
|
|
<p id="preview">preview page</p>
|
|
<p id="pathname">{router.pathname}</p>
|
|
<p id="query">{JSON.stringify(router.query)}</p>
|
|
<p id="props">{JSON.stringify(props)}</p>
|
|
|
|
<Link href="/?imageId=123" as="/preview/123" id="to-modal">
|
|
open modal for /preview/123
|
|
</Link>
|
|
<br />
|
|
|
|
<Link href="/preview/321" id="to-preview">
|
|
go to /preview/321
|
|
</Link>
|
|
<br />
|
|
|
|
<Link href="/another" id="to-another">
|
|
go to /another
|
|
</Link>
|
|
<br />
|
|
|
|
<Link href="/rewrite-me" id="to-rewrite-me">
|
|
go to /rewrite-me
|
|
</Link>
|
|
<br />
|
|
|
|
<Link
|
|
href={{ pathname: '/preview/[slug]', query: { slug: '321' } }}
|
|
as="/rewrite-me"
|
|
id="to-preview-as-rewrite"
|
|
>
|
|
go to /preview/321 as /rewrite-me
|
|
</Link>
|
|
<br />
|
|
|
|
<Link
|
|
href={{ pathname: '/news/[[...slugs]]', query: { slugs: [] } }}
|
|
as="/blog"
|
|
id="to-news-as-blog"
|
|
>
|
|
go to /news as /blog
|
|
</Link>
|
|
<br />
|
|
</>
|
|
)
|
|
}
|