17.2.1 카운터 컴포넌트 만들기

    숫자를 더하고 뺄 수 있는 카운터 컴포넌트를 만들어 봅시다. components 디렉터리를 생성한 뒤, 그 안에 Counter 컴포넌트를 작성하세요.

    components/Counter.js

    import React from 'react';
    
    const Counter = ({ number, onIncrease, onDecrease }) => {
      return (
        <div>
          <h1>{number}</h1>
          <div>
            <button onClick={onIncrease}>+1</button>
            <button onClick={onDecrease}>-1</button>
          </div>
        </div>
      );
    };
    
    export default Counter;

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.