React 버튼누르면 숫자 내리고 올리기

Fury·2022년 7월 22일
0
import React, { useState } from "react";
import "./App.css"

function App() {
  const [counter, setcount] = useState(0);


  return (
    <div className="App">
      <h1>Counter</h1>
      <div>{counter}</div>
      <button onClick={() => {setcount(counter + 1)}} >+</button>
      <button onClick={() => setcount(counter - 1)}>-</button>
    </div>
  );
}

export default App;
  • App.js에 코드를 작성합니다.
  • + 1 버튼을 누를 때마다 숫자가 + 1 증가 합니다.
  • - 1 버튼을 누를 때마다 숫자가 - 1 감소 합니다.

여기서 저는
const [counter, setcount] = useState(0);

여 부분에서 counter 변수 setcount는 함수를 나타냄

counter 변경 시켜주는게 setcount 함수 useSatate(0)초기값

<button onClick={() => {setcount(counter + 1)}} >+ setcount 를 1씩 올려줌

참고자료 ~
웰시코딩

profile
크로스플랫폼 클라이언트 개발자(Flutter) 1년차

0개의 댓글