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;
+ 1
버튼을 누를 때마다 숫자가 + 1 증가 합니다.- 1
버튼을 누를 때마다 숫자가 - 1 감소 합니다.여기서 저는
const [counter, setcount] = useState(0);
여 부분에서 counter 변수 setcount는 함수를 나타냄
counter 변경 시켜주는게 setcount 함수 useSatate(0)초기값
<button onClick={() => {setcount(counter + 1)}} >+ setcount 를 1씩 올려줌
참고자료 ~
웰시코딩