[React] useState

dev.galim·2023년 1월 16일

React

목록 보기
7/10

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;
profile
열심히 해볼게요

0개의 댓글