mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
34 lines
651 B
JavaScript
34 lines
651 B
JavaScript
|
import React from 'react'
|
||
|
import Link from 'next/link'
|
||
|
|
||
|
export default class Counter extends React.Component {
|
||
|
constructor (...args) {
|
||
|
super(...args)
|
||
|
this.state = { count: 0 }
|
||
|
}
|
||
|
|
||
|
increaseCounter () {
|
||
|
const { count } = this.state
|
||
|
this.setState({ count: count + 1 })
|
||
|
}
|
||
|
|
||
|
render () {
|
||
|
const { count } = this.state
|
||
|
return (
|
||
|
<div id='counter-page'>
|
||
|
<div>
|
||
|
<Link href='/'>
|
||
|
<a>Go Back</a>
|
||
|
</Link>
|
||
|
</div>
|
||
|
<p>Counter: {count}</p>
|
||
|
<button
|
||
|
onClick={() => this.increaseCounter()}
|
||
|
>
|
||
|
Increase
|
||
|
</button>
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
}
|