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>
    </>
  );
}