32 lines
954 B
JavaScript
32 lines
954 B
JavaScript
import { Component } from 'react'
|
|
import Link from 'next/link'
|
|
|
|
export default class OnClick extends Component {
|
|
static getInitialProps ({ res, query: {count} }) {
|
|
return { count: count ? parseInt(count) : 0 }
|
|
}
|
|
|
|
state = {
|
|
stateCounter: 0
|
|
}
|
|
|
|
render () {
|
|
const {stateCounter} = this.state
|
|
const {count} = this.props
|
|
return (
|
|
<div id='on-click-page'>
|
|
<Link href={`/nav/on-click?count=${count + 1}`} replace>
|
|
<a id='on-click-link' onClick={() => this.setState({stateCounter: stateCounter + 1})}>Self Reload</a>
|
|
</Link>
|
|
<Link href='/nav/on-click'>
|
|
<a id='on-click-link-prevent-default' onClick={(e) => {
|
|
e.preventDefault()
|
|
this.setState({stateCounter: stateCounter + 1})
|
|
}}>Self Reload</a>
|
|
</Link>
|
|
<p id='query-count'>QUERY COUNT: {count}</p>
|
|
<p id='state-count'>STATE COUNT: {stateCounter}</p>
|
|
</div>
|
|
)
|
|
}
|
|
}
|