리액트 useState를 활용한 숫자 카운트하기

김민우·2022년 12월 8일
0

스파르타 내배캠4기

목록 보기
35/73
post-thumbnail

리액트를 공부하기 시작하면서 간단한 기능 구현을 해봤다. useState를 사용하여 button을 누르면 숫자가 증가, 감소되는 기능을 구현했다.

return에는 button 태그에 onClick 함수를 넣어주면서 숫자가 증가, 감소되게 하고 useState(0)에 0을 넣어 초기값을 넣어줬다.

🔥코드를 살펴보자

✔ App 함수 안에 const [count, setCount] = useState(0); 을 설정해줌으로써 0을 초기값으로 하고 setCount를 이용해 count에 변화를 줄 수 있다.

✔ 함수 plus, minus를 보면 setCount를 이용해 count에 + 1을 해준다.

✔ h2 안의 {count}는 초기값 0이다.

✔ 버튼을 클리시 함수를 실행시킨다.

profile
개발자로서 한걸음

0개의 댓글