2018-05-12 20:10:17 +02:00
|
|
|
import React from 'react'
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
|
|
|
export default class UrlPropChange extends React.Component {
|
2019-11-11 04:24:53 +01:00
|
|
|
constructor(props) {
|
2018-05-12 20:10:17 +02:00
|
|
|
super(props)
|
|
|
|
this.state = {
|
|
|
|
previousUrl: {},
|
2019-11-11 04:24:53 +01:00
|
|
|
url: props.url,
|
2018-05-12 20:10:17 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-08-07 05:23:28 +02:00
|
|
|
// eslint-disable-next-line camelcase
|
2019-11-11 04:24:53 +01:00
|
|
|
componentDidUpdate(prevProps) {
|
2018-08-25 20:09:20 +02:00
|
|
|
if (prevProps.url !== this.props.url) {
|
|
|
|
this.setState(() => {
|
|
|
|
return {
|
|
|
|
previousUrl: prevProps.url,
|
2019-11-11 04:24:53 +01:00
|
|
|
url: this.props.url,
|
2018-08-25 20:09:20 +02:00
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
2018-05-12 20:10:17 +02:00
|
|
|
}
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
render() {
|
2019-02-19 22:45:07 +01:00
|
|
|
const { previousUrl, url } = this.state
|
2019-05-30 03:19:32 +02:00
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
Current:
|
2019-11-11 04:24:53 +01:00
|
|
|
<div id="url-result">{JSON.stringify(url)}</div>
|
2019-05-30 03:19:32 +02:00
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
Previous:
|
2019-11-11 04:24:53 +01:00
|
|
|
<div id="previous-url-result">{JSON.stringify(previousUrl)}</div>
|
|
|
|
<Link href="/nav/url-prop-change?added=yes">
|
|
|
|
<a id="add-query">Add querystring</a>
|
2019-05-30 03:19:32 +02:00
|
|
|
</Link>
|
2018-05-12 20:10:17 +02:00
|
|
|
</div>
|
2019-05-30 03:19:32 +02:00
|
|
|
)
|
2018-05-12 20:10:17 +02:00
|
|
|
}
|
|
|
|
}
|