[React] useState

const [number, setNumber] = useState(0);

• 첫번째 인자 = 상태의 기본 값.
• 두번째 인자 = Setter 함수(파라미터로 전달받은 값을 최신 상태로 설정해준다)

import React, { useState } from 'react';

function Counter() {
  const [number, setNumber] = useState(0);

  const onIncrease = () => {
    setNumber(number + 1);
  }

  const onDecrease = () => {
    setNumber(number - 1);
  }

  return (
    <div>
      <h1>{number}</h1>
      <button onClick={onIncrease}>+1</button>
      <button onClick={onDecrease}>-1</button>
    </div>
  );
}

export default Counter;