# All files / src/chap03 StateCounter.js

0% Statements 0/3
100% Branches 0/0
0% Functions 0/2
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

     import './StateCounter.css';

    export default function StateCounter({ step, onUpdate }) {
      // 버튼 클릭으로 상위 State(count)에 step 값만큼 추가
      const handleClick = () => onUpdate(step);
      return (
        <button className="cnt" onClick={handleClick}>
          <span>{step}</span>
        </button>
      );
    }