# All files / src/chap07 HookCustom.js

0% Statements 0/2
100% Branches 0/0
0% Functions 0/1
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13

     import useCounter from './UseCounter';

    export default function HookCustom() {
      const [state, handleUp, handleDown, handleReset] = useCounter(0, 1);
      return (
        <>
          <button onClick={handleUp}>카운트업</button>
          <button onClick={handleDown}>카운트다운</button>
          <button onClick={handleReset}>리셋</button>
          <p>{state.count}번 클릭됐습니다.</p>
        </>
      );
    }