All files / src/chap03 StateCounter.js

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