2017-05-09 23:03:20 +02:00
|
|
|
import React from 'react'
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
2017-05-11 17:52:28 +02:00
|
|
|
let counter = 0
|
2017-05-09 23:03:20 +02:00
|
|
|
|
2017-05-11 17:52:28 +02:00
|
|
|
export default class Counter extends React.Component {
|
2017-05-09 23:03:20 +02:00
|
|
|
increaseCounter () {
|
2017-05-11 17:52:28 +02:00
|
|
|
counter++
|
|
|
|
this.forceUpdate()
|
2017-05-09 23:03:20 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
|
|
|
<div id='counter-page'>
|
|
|
|
<div>
|
|
|
|
<Link href='/'>
|
2017-05-11 17:52:28 +02:00
|
|
|
<a id='go-back'>Go Back</a>
|
2017-05-09 23:03:20 +02:00
|
|
|
</Link>
|
|
|
|
</div>
|
2017-05-11 17:52:28 +02:00
|
|
|
<p>Counter: {counter}</p>
|
2019-05-30 03:19:32 +02:00
|
|
|
<button id='counter-increase' onClick={() => this.increaseCounter()}>
|
2017-05-09 23:03:20 +02:00
|
|
|
Increase
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|