f260328900
- Enable newNextLinkBehavior. See #36436 - Run next/link codemod on test suite Note that from when this lands on apps trying canary will need to run the new-link codemod in order to upgrade. Ideally we have to detect `<a>` while rendering the new link and warn for it. Co-authored-by: Steven <steven@ceriously.com>
37 lines
902 B
JavaScript
37 lines
902 B
JavaScript
import Link from 'next/link'
|
|
import { Component } from 'react'
|
|
import Router from 'next/router'
|
|
|
|
let counter = 0
|
|
|
|
export default class extends Component {
|
|
increase() {
|
|
counter++
|
|
this.forceUpdate()
|
|
}
|
|
|
|
visitQueryStringPage() {
|
|
const href = { pathname: '/nav/querystring', query: { id: 10 } }
|
|
const as = { pathname: '/nav/querystring/10', hash: '10' }
|
|
Router.push(href, as)
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div id="counter-page">
|
|
<Link href="/no-such-page" id="no-such-page">
|
|
No Such Page
|
|
</Link>
|
|
<br />
|
|
<Link href="/no-such-page" prefetch id="no-such-page-prefetch">
|
|
No Such Page (with prefetch)
|
|
</Link>
|
|
<p>This is the home.</p>
|
|
<div id="counter">Counter: {counter}</div>
|
|
<button id="increase" onClick={() => this.increase()}>
|
|
Increase
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
}
|