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