next.js/test/e2e/app-dir/actions/app/server/counter.js
counter.js50 lines972 B
'use client'

import { useState } from 'react'

export default function Counter({ inc, dec, double, slowInc }) {
  const [count, setCount] = useState(0)

  return (
    <div>
      <h1 id="count">{count}</h1>
      <button
        id="inc"
        onClick={async () => {
          const newCount = await inc(count)
          setCount(newCount)
        }}
      >
        +1
      </button>
      <button
        id="slow-inc"
        onClick={async () => {
          const newCount = await slowInc(count)
          setCount(newCount)
        }}
      >
        +1 (Slow)
      </button>
      <button
        id="dec"
        onClick={async () => {
          const newCount = await dec(count)
          setCount(newCount)
        }}
      >
        -1
      </button>
      <button
        id="double"
        onClick={async () => {
          const newCount = await double(count)
          setCount(newCount)
        }}
      >
        *2
      </button>
    </div>
  )
}
Quest for Codev2.0.0
/
SIGN IN