34 lines
639 B
JavaScript
34 lines
639 B
JavaScript
|
/* global location */
|
||
|
import React from 'react'
|
||
|
import Link from 'next/link'
|
||
|
|
||
|
export default class DynamicPage extends React.Component {
|
||
|
static getInitialProps({ query }) {
|
||
|
return { text: query.text }
|
||
|
}
|
||
|
|
||
|
state = {}
|
||
|
|
||
|
componentDidMount() {
|
||
|
const [, hash] = location.href.split('#')
|
||
|
this.setState({ hash })
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
const { text } = this.props
|
||
|
const { hash } = this.state
|
||
|
|
||
|
return (
|
||
|
<div id="dynamic-page">
|
||
|
<div>
|
||
|
<Link href="/">
|
||
|
<a>Go Back</a>
|
||
|
</Link>
|
||
|
</div>
|
||
|
<p>{text}</p>
|
||
|
<div id="hash">Hash: {hash}</div>
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
}
|