18a9c7e371
* Update `packages/` * Update examples * Update tests * Update bench * Update top level files * Fix build * trigger
33 lines
687 B
JavaScript
33 lines
687 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { useCount, useDispatchCount } from '../components/Counter'
|
|
|
|
const IndexPage = () => {
|
|
const count = useCount()
|
|
const dispatch = useDispatchCount()
|
|
|
|
const handleIncrease = event =>
|
|
dispatch({
|
|
type: 'INCREASE',
|
|
})
|
|
const handleDecrease = event =>
|
|
dispatch({
|
|
type: 'DECREASE',
|
|
})
|
|
|
|
return (
|
|
<>
|
|
<h1>HOME</h1>
|
|
<p>Counter: {count}</p>
|
|
<button onClick={handleIncrease}>Increase</button>
|
|
<button onClick={handleDecrease}>Decrease</button>
|
|
<p>
|
|
<Link href="/about">
|
|
<a>About</a>
|
|
</Link>
|
|
</p>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default IndexPage
|