2017-02-12 17:46:11 +01:00
|
|
|
import React from 'react'
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
|
|
|
export default class AsyncProps extends React.Component {
|
2019-11-11 04:24:53 +01:00
|
|
|
static async getInitialProps({ query: { id = 0 } }) {
|
2017-02-12 17:46:11 +01:00
|
|
|
return { id }
|
|
|
|
}
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
render() {
|
2017-02-12 17:46:11 +01:00
|
|
|
return (
|
2019-11-11 04:24:53 +01:00
|
|
|
<div className="nav-querystring">
|
2017-02-12 17:46:11 +01:00
|
|
|
<Link href={`/nav/querystring?id=${parseInt(this.props.id) + 1}`}>
|
2019-11-11 04:24:53 +01:00
|
|
|
<a id="next-id-link">Click here</a>
|
2017-02-12 17:46:11 +01:00
|
|
|
</Link>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Link href="/nav/querystring">
|
|
|
|
<a id="main-page">Click here</a>
|
2017-02-12 17:46:11 +01:00
|
|
|
</Link>
|
|
|
|
<p className={`nav-id-${this.props.id}`}>{this.props.id}</p>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|